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