Javascript 在海图中放置预载

我正试着施加一个预载。目前我有38个系列。我有一个函数来生成一个名为preload.show（）和preload.hide（）的预加载动画。当我尝试生成图表时，我调用preload.show进行动画，当动画结束时，preload.hide（）尝试调用

这个想法是在图表准备好之前显示预加载，但奇怪的是，充电时不显示预加载，预加载仅在动画完成前一秒左右。我能做什么？。我不能把我的完整代码，然后在我的业务和安全策略中使用它，所以我不能这样做

简而言之，从我想要创建图表的那一刻起，预加载就不会显示。这在电脑里看起来不错，我希望如此。但在这种情况下，问题发生在细胞中

        preload.show();   //I generate the preload.
        $('#mychart').highcharts({
          chart: {
            type: 'bar',
            height: height
          },
          title: {
            text: 'Mi Chart'
          },
          xAxis: {
            categories: arrayCategories,
            title: {
              text: null
            },
            labels: {

              x: -5,
              y: -20,
              useHTML: true,
              formatter: function() {

                return  "<div class='position'>" +this.value+ "</div>";
            }
          },
          yAxis: {
            title: null
          },
          credits: {
            enabled: false
          },


          tooltip: {
            enabled: false,
          },
          "plotOptions": {
            "bar": {
                "pointPadding": 0,
                 "borderWidth": 0
             },
               series: {
                events: {
                  afterAnimate: function () {
                    preload.hide();
                  }
                },
                align:'right',
                borderWidth: 1,
                dataLabels: {
                enabled: true,
                style: {
                    fontWeight: false,
                    fontSize: '10px',
                },
                useHTML: true,
                formatter: function() {

                        return ( this.value);
                }

                },
                cursor: 'pointer',
                point: {
                    events: {
                        click: function () {

                        }
                    }
                }
              }
          },

         series: myArray  //38 series
      });

preload.show（）//我生成预加载。
$（“#我的图表”）。高图({
图表：{
类型：'bar'，
高度：高度
},
标题：{
文本：“Mi图表”
},
xAxis：{
类别：阵列类别，
标题：{
文本：空
},
标签：{
x:-5，
y:-20，
是的，
格式化程序：函数（）{
返回“+this.value+”；
}
},
亚克斯：{
标题：空
},
学分：{
已启用：false
},
工具提示：{
启用：false，
},
“打印选项”：{
“酒吧”：{
“点填充”：0，
“边框宽度”：0
},
系列：{
活动：{
afterAnimate:函数（）{
preload.hide（）；
}
},
对齐：'右'，
边框宽度：1，
数据标签：{
启用：对，
风格：{
fontWeight:错，
fontSize:'10px'，
},
是的，
格式化程序：函数（）{
返回（该值）；
}
},
光标：“指针”，
要点：{
活动：{
单击：函数（）{
}
}
}
}
},
系列：myArray//38系列
});

你有没有看过highchart的内置方法：？@wergeld是的，我做的不起作用。就是这样，你有很多系列，所以可能图表正在渲染。你有没有尝试过用内置加载功能创建一个空图表，然后在

图表中添加系列。加载

事件？添加系列后，隐藏加载程序。@PawełFus是个好主意。我没想过，但我会试试。如果我没有利用你的好意工作，我会问。你认为这样行吗？@PawełFus，但你说，把系列放在图表的加载事件中？