Question

我有一个样条图表，上面有10条不同的曲线 - 当你访问页面时，没有图表可见，因为我有＆＃34;可见＆＃34; =假。然后用户点击他们希望看到的曲线。

我希望能够使用按钮动态更改数据，并将其更改回原始状态。但是，我只想定位一个用户点击的系列，因此设置为＆＃34;可见＆＃34;。

// 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();
  })
});

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

仅更改在Highcharts.js中可见的系列

1 个答案: