码迷,mamicode.com
首页 > 其他好文 > 详细

highChart数据动态更新

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

标签:ajax   理由   highchart   ucf   after   例子   效果   update   tar   

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数据动态更新

标签:ajax   理由   highchart   ucf   after   例子   效果   update   tar   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!