在setdata之后加载动画的Highcharts
我正在使用Highcharts图,我使用.setData来更新图中的数据。
这一切都运行正常,但我想使用加载动画(线图从左到右绘制自己)每次重置数据时都会触发。 有没有办法调用这个动画?
您可以删除实际系列,并添加新系列。 初始动画与其他动画不同(剪辑路径是动画的,而不是系列本身)。
参见示例: 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]} );
在api引用中,我看到方法setVisible():“一个实用程序函数,用于显示或隐藏带有可选重绘的系列。” 我想那就是你要找的东西?
更新:添加JS Fiddle,请参阅: 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);
你可以手动调用重绘方法:
chart.redraw();