HighCharts Ukrywa nazwę serii przed legendą


83

Próbuję kilkakrotnie rozwiązać ten problem i poddaję się. Teraz, kiedy znów go spotkałem, postanowiłem poprosić o pomoc.

Mam ten kod dla mojej Legendy:

legend:
{
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'top',
    x: -10,
    y: 100,
    borderWidth: 0,
    
    
    
    labelFormatter: function() 
    {
        if(this.name!='Series 1')
        {
            return this.name;
        }
        else
        {
            return 'Legend';
        }
    }
}

Jeśli zmienię powrót z „Legenda” na „”, tekst nie jest wyświetlany, ale na górze legendy nadal znajduje się „myślnik”. Jeśli nie używam funkcji formatowania etykiet, mam „Seria 1” + „myślnik” jak pierwszy wiersz w mojej legendzie. Jak je ukryć?

Proszę zauważyć, że moja wersja to: Highcharts-2.0.5

Oto prosty widok mojej legendy i myślnik, który chcę usunąć:

Przykładowy obraz

Odpowiedzi:


209

Jeśli nie chcesz wyświetlać nazw serii w legendzie, możesz je wyłączyć, ustawiając showInLegend:false.

przykład:

series: [{
   showInLegend: false,             
   name: "<b><?php echo $title; ?></b>",
   data: [<?php echo $yaxis; ?>],
}]

Masz inne opcje tutaj.


użycie „showInLegend: false” naprawdę rozwiązało mój problem. Zastanawiam się, czy ta opcja ukrywa tylko nazwę serii, ponieważ legenda nadal wyświetla dane (tak jak chcę).
— gotqn

Zakładając, że te opcje są włączone, da to wyraźny widok, więc są one domyślnie włączone. jeśli ich nie potrzebujesz, usuń je. to właśnie tutaj zrobiłeś.
— vkGunasekaran

19

Ustaw showInLegend na false.

series: [{
            showInLegend: false,
            name: 'Series',
            data: value                
        }]

6

Wygląda na to, że HighChart 2.2.0 rozwiązał ten problem. Wypróbowałem to tutaj z tym samym kodem, który masz, a pierwsza seria jest teraz ukryta. Czy mógłbyś spróbować z HighChart 2.2.0?


3

showInLegendto opcja specyficzna dla serii, która może ukryć serię przed legendą. Jeśli wymaganiem jest całkowite ukrycie legend, lepiej jest użyć enabled: falsewłaściwości, jak pokazano poniżej:

legend: { enabled: false }

Więcej informacji na temat legendznajduje się tutaj


Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.