使用setData后Highcharts加载动画(Highcharts loading animat

2019-08-22 16:57发布

我使用Highcharts图表和我使用.setData以更新图表中的数据。

这是所有工作正常,但我想用加载动画(其中线图绘制本身从左至右)我每次重置数据时被触发。 有没有办法来调用这个动画?

Answer 1:

您可以删除实际系列,并添加新的。 最初的动画是从所有其他不同(夹路径动画,而不是系列本身)。

见例如: http://jsfiddle.net/UTC6e/2/

    chart.series[0].remove();
    chart.addSeries({data:[229.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]} );


Answer 2:

在API参考我看到的方法调用setVisible():“一种实用功能以显示或隐藏与可选重绘系列”。 我认为这是你在找什么?

更新:加入JS小提琴,请参阅: http://jsfiddle.net/UTC6e/1/

所以,你可以先调用setVisible为false,然后将新的数据,并在最后调用setVisible为true,并告诉图表重绘(第二个布尔参数)。

chart.series[0].setVisible(false);
chart.series[0].setData([229.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4] );
chart.series[0].setVisible(true, true);


Answer 3:

你可以只手动调用重绘方法:

chart.redraw();


文章来源: Highcharts loading animation after setdata