highChart数据动态更新

最新推荐文章于 2020-10-30 14:27:49 发布

weixin_30287169

最新推荐文章于 2020-10-30 14:27:49 发布

阅读量131

点赞数

CC 4.0 BY-SA版权

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

本文介绍了如何使用Highcharts API实现图表的动态更新，包括数据和系列名称的更改。通过具体的代码示例展示了两种方法：直接调用setData和使用update方法，并讨论了这两种方法的区别及官网的建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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