Javascript 多个系列的延迟加载不同于highcharts中的多个点
我发现了一个延迟加载的好例子Javascript 多个系列的延迟加载不同于highcharts中的多个点,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我发现了一个延迟加载的好例子 function afterSetExtremes(e) { var chart = $('#container').highcharts(); chart.showLoading('Loading data from server...'); $.getJSON('http://www.highcharts.com/samples/data/from-sql.php?start=' + Math.round(e
function afterSetExtremes(e) {
var chart = $('#container').highcharts();
chart.showLoading('Loading data from server...');
$.getJSON('http://www.highcharts.com/samples/data/from-sql.php?start=' + Math.round(e.min) +
'&end=' + Math.round(e.max) + '&callback=?', function (data) {
alert(data);
chart.series[0].setData(data);
chart.hideLoading();
});
}
但它只适用于一个具有多个点的序列,但我有多个序列的数据
json文件的链接:
如何将上述代码用于多系列数据?在延迟加载示例中,我们使用单系列,但您可以将其扩展以用于更多系列数据。您只需要准备返回(在您的场景中)6系列数组的数据源(比如JSON)。下一步是在系列数组中声明6系列(图表配置,第86行)。最后一步是编辑
afterSetExtremes
事件并添加updateall系列,而不是单个系列(演示中的第13行)
参考:
-
如果您还有其他问题,请告诉我。您找到解决方案了吗?如果是的话,你能把它贴在这里吗?我有一个类似的问题,但是在一个单独的图表中有一系列的卷。我做了你所有的步骤,但对我来说不起作用。首先,我将JSON数据集拆分为ohlc和volume,然后声明了几个系列,然后像这样更新了
afterSetExtremes
chart.series[0].setData(ohlc)代码>,图表.系列[1].设置数据(卷)代码>,等等。。。这是正确的方法吗?