Highcharts动态添加yAxis时性能低下

Highcharts动态添加yAxis时性能低下,highcharts,highstock,Highcharts,Highstock,我试图动态添加/删除yAxis,但发现性能问题。在新的yAxis中动态添加或删除一个系列需要一秒钟以上的时间(有时长达4秒钟)。我需要在图表中加载10年或更长时间的日终数据(每天的价格点) 任何关于改进性能的建议都将不胜感激 需要注意的几点- 我可以使用不同类型的图表(直线、ohlc、烛台、面积等) 我需要启用鼠标跟踪,因为我正在系列上使用单击事件 用户可以选择是否应用数据分组 下面是我的代码示例来说明这个问题 var图; var指数=2; var groupingUnitsD={units:

我试图动态添加/删除yAxis,但发现性能问题。在新的yAxis中动态添加或删除一个系列需要一秒钟以上的时间(有时长达4秒钟)。我需要在图表中加载10年或更长时间的日终数据(每天的价格点)

任何关于改进性能的建议都将不胜感激

需要注意的几点-

  • 我可以使用不同类型的图表(直线、ohlc、烛台、面积等)
  • 我需要启用鼠标跟踪,因为我正在系列上使用单击事件
  • 用户可以选择是否应用数据分组
  • 下面是我的代码示例来说明这个问题

    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