Highcharts.jsに表示される系列のみを変更する

Question

私は、10個の異なる曲線を持つスプライン・チャートを持っています。ページにアクセスすると、「visible」= falseのため、グラフは表示されません。次に、ユーザは、どのカーブを見たいかをクリックする。

ボタンでデータを動的に変更し、元の状態に戻したいと思っています。ただし、ユーザーがクリックして「可視」に設定したシリーズをターゲットにしたいだけです。

// the button action 
$('#button').click(function() { 
    var chart = $('#container').highcharts(); 
    chart.series[0].setData([129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], false); 

}); 

$('#addNew').on('click', function(e) { 
    $('#container').highcharts().redraw(); 
}); 

私は何か違いがあれば、これを実装するためにdjangoを使用しています。

Answer 1

表示されている系列だけを動的に変更するには、系列のvisibleプロパティがtrueに設定されているかどうかを確認できます。

$('#updateVisibleSeries').click(function(){ 
    Highcharts.each(chart.series, function(s){ 
    if(s.visible === true) { 
     s.addPoint(42, false); 
    } 
    chart.redraw(); 
    }) 
}); 

例：ユーザーが1シリーズを見ている、と彼はボタンをクリックした場合http://jsfiddle.net/5nccnqc9/