javascript - 动态更新 pointStart 和 pointInterval

Question

我正在使用 highcharts 来显示每日统计数据，我希望用户能够选择一个日期范围。

function requestData(chart, from, to, group) {
    $.ajax({
        url: '/stats/chart?from='+from+'&to='+to+'&group='+group,
        success: function(data) {
            chart.series[0].setData(data.data);
            chart.series[0].pointStart = data.start;
            chart.series[0].pointInterval = data.interval;
        },
        cache: false
    });
}

js 函数执行 ajax 调用并将返回如下内容:-

{
"start":1358467200000,
"interval":86400000,
"data":[24,9,46,66,19,93,11,10,66,75,70,52,35,91,69,0,50,24,5,14,83,9,26,5,53,32,27,30,34,25,57,100]
}

如何更新图表的 pointStart 和 pointInterval 值？

Answer 1

从 Highcharts 3 开始，您可以使用 series.update() :

chart.series[0].update({
    pointStart: data.start
    pointInterval: data.interval,
    data: data.data
}, false); // true if you want redraw