pjk*_*ght 4 javascript highcharts
我使用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
});
}
Run Code Online (Sandbox Code Playgroud)
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]
}
Run Code Online (Sandbox Code Playgroud)
如何更新图表pointStart和pointInterval值?
从Highcharts 3开始,你可以使用series.update():
chart.series[0].update({
pointStart: data.start
pointInterval: data.interval,
data: data.data
}, false); // true if you want redraw
Run Code Online (Sandbox Code Playgroud)