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.