首页 > 其他 > 详细

highChart数据动态更新

时间:2017-03-17 11:03:59      阅读:254      评论:0      收藏:0      [点我收藏+]

highChart官网上通过ajax加载数据的例子

上面是第一次生成图表的时候使用

 

我想动态更新,在已经生成的图表上动态更新

技术分享

chartBS.series[0].setData(sugarListDataBefore);
chartBS.series[0].name=beforeTimeName;

chartBS.series[1].setData(sugarListDataAfter);
chartBS.series[1].name=afterTimeName;
chartBS.redraw(false);

但是只是改变了数据,没有改变name,也就是对线的标注解释

chartBS.series[0].update({
                    name: beforeTimeName,
                    data: sugarListDataBefore
                });
                chartBS.series[1].update({
                    name: afterTimeName,
                    data: sugarListDataAfter
                });

上面就成功了,效果是点击左上角select动态改变name和data

技术分享

 

 update官网上不太推荐使用,理由

但是功能蛮强大的,看这里

highChart数据动态更新

原文:http://www.cnblogs.com/RachelChen/p/6564419.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!