仅在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

要仅动态更改可见系列，可以检查series的visible属性是否设置为true。

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

示例： http ： //jsfiddle.net/5nccnqc9/