2013-05-09 8 views
7

Ich habe ein Liniendiagramm mit mehreren Serien. Wenn man die Karte auf einmal betrachtet, ist sie verwirrend, deshalb möchte ich zunächst bestimmte Serien verbergen.Disable Serie durch Konfiguration in Highcharts

Ich weiß, dass ich Serienserien programmatisch ausschalten kann, aber gibt es eine Möglichkeit, dies zu tun, wenn Sie das Diagramm initialisieren?

Antwort

27

Glauben Sie, es gibt eine Konfigurationsmöglichkeit dafür.

Innerhalb der Serie, setzen Sie „visible = false“

Die Legende wird noch die Serie Liste aber abgeblendet. Und die Serie selbst wird bei der ersten Anzeige im Diagramm versteckt.

Beispielkonfiguration:

series: [{ 
      name: 'HiddenByDefault', 
      legendIndex: 1, 
      visible: false, 
      color: '#4572A7', 
      type: 'spline', 
      data: [a, b, c], 
      tooltip: { 
       valueSuffix: ' ¥' 
      } 

     } 
6

Sie können dies erreichen, indem Sie alle Serien ausblenden, die Sie nicht sehen möchten, nachdem das Diagramm geladen wurde.

Fiddle: http://jsfiddle.net/bHDLX/

Code:

$(function() { 
// create the chart 
$('#container').highcharts({ 
    chart: { 
     events: { 
      load: function(event) { 
       alert ('Chart loaded'); 
       this.series.forEach(function(d,i){if(d.options.id==1)d.hide()}) 
      } 
     }   
    }, 
    xAxis: { 
    }, 

    series: [{ 
     animation: false, 
     id : 1, 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]  
    }, 
      { 
     animation: false, 
     id : 2, 
     data: [29.9, 144.0, 176.0, 71.5, 106.4, 129.2, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]  
    },{ 
     animation: false, 
     id : 3, 
     data: [ 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]  
    }] 
}); 

});

+0

Ich hatte gehofft, dass durch die Konfiguration zu erreichen, aber es kann nicht so sein. Das load-Ereignis wird funktionieren, da es anscheinend vor dem Zeichnen der Serie aufgerufen wird. Vielen Dank! – cfs

+0

Ja, dies ist nicht möglich über Konfigurationsobjekt zu erreichen - nur Highcharts Dokumentation überprüft. –

Verwandte Themen