javascript - 获取 highcharts 以重新设置折线图的动画

Question

我想创建一个带有按钮的 highCharts 页面来“重新激活”图表。

当我最初创建系列时，我将“重绘”设置为 FALSE:

   $("contain").highcharts().addSeries({                        
        name: "filter",
        data: result
   }, false, {duration: 300000, easing: 'linear'});

然后当我在整个图表上手动调用 redraw() 时:

$("contain").highcharts().redraw()

...图表从一开始就动画化 - 但只有一次。在图表“显示在屏幕上”后，我发现没有办法让它们从一开始就重新制作动画除了删除然后重新添加，这对我的情况来说不是一个理想的解决方案，因为会有很多系列(行)和大量数据，因此我希望有一个更简单的解决方案(我在编辑问题时看到有人回答)...

有什么方法可以做到这一点，或者每次我想重新制作动画时都必须删除然后重新添加系列？

这是我之前 promise 的 fiddle 。它使用了我不喜欢的删除/重新添加概念:http://jsfiddle.net/bhilleli/854jbbhg/

Answer 1

如果你想重新激活同一个系列，你会想要删除你当前的系列并将其重新绘制为一个新系列。

 $('#button').click(function() {
    $("contain").highcharts().series[0].remove();
    $("contain").highcharts().addSeries({
       name:"filter",
       data: result} );

});