HighChart:更新组柱状图

HighChart : update group column chart

本文关键字：更新 HighChart      更新时间：2023-09-26

例如，我有一个类似的图表

$("#tester").highcharts({
    chart: {
        type: 'column',
        height:320
    },
    series: [{name: 'Postive',data: sPositiveTotal}, 
            {name: 'Neutral',data: sNeutralTotal}, 
            {name: 'Negative',data: sNegativeTotal}]
});

我试着用一个按钮更新数据，我做

var SentimentChart = $("#tester").highcharts();
SentimentChart.series[0].setData([{name: 'Postive',data: sPositiveTotal}, {name: 'Neutral',data: sNeutralTotal}, {name: 'Negative',data: sNegativeTotal}]);

但它并不像我，除了，我如何才能正确地更新它？

小提琴示例：http://jsfiddle.net/cmeubLr2/1/

setData方法是在特定系列上调用的，因此您必须对每个单独的系列进行更新。它也只期望数据，而不是序列选项。

例如（JSFiddle）：

changeData.series[0].setData([124, 5435, 16434, 129.2, 144.0, 176576.0, 176535.6, 148.5, 216.4, 194.1, 95.6, 54.4]);
changeData.series[1].setData([8753.6, 66.8, 98.5, 93.4, 175606.0, 84.5, 107655.0, 104.3, 91.2, 83.5, 106.6, 92.3]);
// ...

如果你也想更新选项，你可以使用update（JSFiddle）：

changeData.series[0].update({
    name: 'Beijing',
    data: [124, 200, 200, 129.2, 144.0, 200.0, 200.6, 148.5, 216.4, 194.1, 95.6, 54.4]
});
相关文章：