highChart數據動態更新

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官網上不太推薦使用，理由

但是功能蠻強大的，看這里