HighCharts versteckt den Seriennamen vor der Legende

82

Ich versuche dieses Problem mehrmals zu lösen und gebe auf. Jetzt, als ich ihn wieder getroffen habe, beschloss ich, um Hilfe zu bitten.

Ich habe diesen Code für meine Legende:

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';
        }
    }
}

Wenn ich die Rückkehr von 'Legende' zu '' ändere, wird der Text nicht angezeigt, aber oben in der Legende befindet sich immer noch ein 'Bindestrich'. Wenn ich die Beschriftungsformatierungsfunktion nicht verwende, habe ich 'Serie 1' + 'Bindestrich' wie eine erste Zeile in meiner Legende. Wie verstecke ich sie?

Bitte beachten Sie, dass meine Version lautet: Highcharts-2.0.5

Dies ist eine einfache Ansicht meiner Legende und des Bindestrichs, den ich entfernen möchte:

Beispielbild

javascript hide highcharts legend series gotqn
quelle

Antworten:

204

Wenn Sie die Seriennamen nicht in der Legende anzeigen möchten, können Sie sie durch Festlegen deaktivieren showInLegend:false.

Beispiel: 

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

Sie erhalten hier andere Optionen.

vkGunasekaran
quelle
Die Verwendung von "showInLegend: false" hat mein Problem wirklich behoben. Ich frage mich, ob diese Option nur den Seriennamen verbirgt, da die Legende die Daten immer noch anzeigt (wie ich möchte).
Gotqn
Angenommen, diese Optionen sind aktiviert, wird eine klare Ansicht angezeigt, sodass sie standardmäßig aktiviert sind. Wenn Sie sie nicht brauchen, entfernen Sie sie. das hast du hier gemacht
vkGunasekaran
18

Setzen Sie showInLegend auf false.

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

HighChart 2.2.0 hat dieses Problem anscheinend behoben. Ich habe es hier mit demselben Code versucht, den Sie haben, und die erste Serie ist jetzt versteckt. Könnten Sie es mit HighChart 2.2.0 versuchen?

zhongxiao37
quelle
1

Ersetzen Sie return 'Legend' durch return ''

Fouad
quelle
1

showInLegendist eine serienspezifische Option , mit der die Serie vor der Legende ausgeblendet werden kann. Wenn die Legenden vollständig ausgeblendet werden sollen, ist es besser, die folgenden enabled: falseEigenschaften zu verwenden :

legend: { enabled: false }

Mehr Informationen über legendist hier

Zameer Khan
quelle