|

楼主 |
发表于 2018-3-31 15:23:19
|
显示全部楼层
本帖最后由 pader 于 2018-4-1 13:11 编辑
还有我发现首页流量图表上行与下行曲线不同时更新导致图表有抖动,就像果冻一样左右挤压。
后来我研究了一下发现 Highcharts 如果同时更新两条以上曲线,会导致只有最后一条更新时有动画,前面的没有。
但现在已经有办法同时更新两条曲线了:
- chart.series[0].addPoint({x:x, y:y}, false, true);
- chart.series[1].addPoint({x:x, y:y2}, false, true);
- chart.redraw();
复制代码
关键就在于更新时,第二个参数设为 false,让添加数据当时不重绘图表。
当两条添加完后,再调用 redraw() 让图表主动重绘一次,这样效果就完美了(而且还减少了一半的重绘次数)。
看效果:http://jsfiddle.net/nr70kvaq/28/
|
|