获取高级图表以重新生成折线图

时间:2015-01-22 23:29:02

标签: javascript jquery css html5 highcharts

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

当我最初创建系列时,我将'redraw'设置为FALSE:

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

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

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

...图表从头开始动画 - 但仅一次。图表在屏幕上动画后,我发现没有办法让它们从一开始就重新制作动画除了重新添加,然后重新添加,这不是我案例的理想解决方案,因为会有很多系列(线)&很多数据,我希望有一个更简单的解决方案我看到有人在编辑问题时回答了问题)...

有没有办法这样做,或者每次我想要重新制作动画时都必须删除然后重新添加系列?

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

1 个答案:

答案 0 :(得分:2)

如果您想要恢复同一系列,您需要删除当前系列并将其重新绘制为新系列。

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

});