highChart数据动态更新

时间:2021-12-22 16:07:51

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

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

 

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

highChart数据动态更新

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

highChart数据动态更新

 

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

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