您的位置:首页 > 其它

highChart数据动态更新

2017-03-17 10:23 302 查看
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官网上不太推荐使用,理由

但是功能蛮强大的,看这里
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: