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