Highcharts - Name der sichtbaren Serie dynamisch abrufen

Question

Ich möchte eine Funktion erstellen, die dynamisch alle sichtbaren Seriennamen in einer Highchart-Instanz an eine PHP-Funktion sendet. Zum Beispiel, in diesem Diagramm möchte ich dieses Array erhalten: [Salle, PR]. Wenn ich auf Internet klicke, wird die Serie sichtbar und ich möchte [Salle, Internet, PR] bekommen.

Um dies zu tun, habe ich versucht, LegendItemClick-Ereignis zu verwenden und eine Funktion, die überprüfen, ob jede Serie sichtbar ist, um es zu einem Array hinzuzufügen, aber ich kann nicht herausfinden, wie die sichtbare Option zu verwenden.

Haben Sie eine Idee?

Ab jetzt habe ich nicht viel Code zu teilen:

plotOptions: { 
     series: { 
      events: { 
       legendItemClick: function(){ 

       } 
      } 
     } 
    } 

Answer 1

Wenn Sie den Mauszeiger auf das Diagramm wie folgt beibehalten:

var ch = Highcharts.chart(_chart_data_); 

dann später Sie können auf die gesamte Diagrammstruktur zugreifen. Was Sie interessieren wird, ist das Reihen-Array.

ch.series[] 

Es enthält Array aller Ihrer Serie. Serien mit sichtbarem Attribut, das auf "true" gesetzt ist, werden derzeit angezeigt. So könnte es so etwas wie diese:

var ch = Highcharts.chart(... 

plotOptions: { 
     series: { 
      events: { 
       legendItemClick: function(){ 
        ch.series.forEach(function(sr){ 
         if(sr.visible){ 
          console.log(sr.name, "visible!"); 
         } 
        }); 
       } 
      } 
     } 
    } 

...); 

Allerdings gibt es einen Haken mit Ihrem Ansatz, dass auf tatsächliche Legende klicken, um Ihre aktuelle Aktion für die Legende ist noch nicht processed.so die Ausgabe sehen Sie das ist Ausgabe für den vorherigen Zustand, vor dem aktuellen Klick.

Also aus diesem Grund können Sie versuchen setTimeout zu verwenden Ihren Eintrag zu erhalten, nachdem das Ereignis angewendet wird:

  events: { 
      legendItemClick: function(){ 
       setTimeout(
        function(){ 
         ch.series.forEach(
          function(sr){ 
           if(sr.visible){ 
           console.log(sr.name, "visible!"); 
           } 
          } 
         ) 
        },20); 
       } 
      } 

die Sie interessieren und überprüfen Sie die Konsolenprotokoll: http://jsfiddle.net/op8142z0/