Highcharts动态添加yAxis时性能低下
我试图动态添加/删除yAxis,但发现性能问题。在新的yAxis中动态添加或删除一个系列需要一秒钟以上的时间(有时长达4秒钟)。我需要在图表中加载10年或更长时间的日终数据(每天的价格点) 任何关于改进性能的建议都将不胜感激 需要注意的几点-Highcharts动态添加yAxis时性能低下,highcharts,highstock,Highcharts,Highstock,我试图动态添加/删除yAxis,但发现性能问题。在新的yAxis中动态添加或删除一个系列需要一秒钟以上的时间(有时长达4秒钟)。我需要在图表中加载10年或更长时间的日终数据(每天的价格点) 任何关于改进性能的建议都将不胜感激 需要注意的几点- 我可以使用不同类型的图表(直线、ohlc、烛台、面积等) 我需要启用鼠标跟踪,因为我正在系列上使用单击事件 用户可以选择是否应用数据分组 下面是我的代码示例来说明这个问题 var图; var指数=2; var groupingUnitsD={units:
var图;
var指数=2;
var groupingUnitsD={units:['day',[1]]],enabled:true};
var groupingUnitsWM=[[
'周',//单位名称
[1] //允许的倍数
], [
“月”,
[1, 2, 3, 4, 6]
]];
$(函数(){
var ohlc=[];
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-json&回调=?',函数(数据){
//将数据集拆分为ohlc
var体积=[],
dataLength=data.length,
i=0;
对于(i;i选项”)。每个(函数(){
更新({height:'14%',top:'i*15)+'%',offset:0});
i++;
});
}
});代码>
添加yAxis
myaxis-1
删除yAxis
在这种情况下,您可以通过一个技巧显著提高性能:当执行多个连续操作时,每个操作都需要重新绘制(添加系列、添加轴、更新轴高度),在将所有操作告知Highcharts之前不要重新绘制
在我的机器上,这将使“添加轴”功能的性能提高5-6倍。请参阅下面的代码和注释
var图;
var指数=2;
var groupingUnitsD={units:['day',[1]]],enabled:true};
var groupingUnitsWM=[[
'周',//单位名称
[1] //允许的倍数
], [
“月”,
[1, 2, 3, 4, 6]
]];
$(函数(){
var ohlc=[];
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-json&回调=?',函数(数据){
//将数据集拆分为ohlc
var体积=[],
dataLength=data.length,
i=0;
对于(i;i