将预加载放在highcharts中

时间:2016-02-22 16:51:49

标签: javascript jquery highcharts highcharts-ng

我正在尝试预加载。目前我有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
      });

0 个答案:

没有答案