2013-05-09 4 views
7

私はいくつかのシリーズの折れ線グラフを持っています。チャートを一度に見ると混乱するので、最初は特定のシリーズを隠したいと思っています。ハイチャートのシリーズスルー構成を無効にする

プログラムでシリーズをオフにすることはできますが、グラフを初期化するときにこれを行う方法はありますか?

答えて

27

これには設定オプションがあると思います。セットシリーズ内

は、「目に見える= false」を

伝説はまだシリーズを一覧表示するが、グレー表示されます。そして、シリーズ自体は最初の表示時にグラフに隠されます。

設定例:

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

     } 
6

グラフの読み込みが完了した直後に表示したくないすべての系列を隠すことで、これを実現できます。

フィドル:http://jsfiddle.net/bHDLX/

コード:

$(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

私は構成によってそれを達成するために期待していたが、仕方がないかもしれません。ロードイベントは、シリーズが描画される前に呼び出されたように見えるので、機能します。ありがとう! – cfs

+0

はい、設定オブジェクト経由でこれを実現することはできません - Highchartsのドキュメントをチェックしてください。 –

関連する問題