プリロードを入れてみました。現在、私は38シリーズを持っています。また、preload.show () および preload.hide () というプリロード アニメーションを生成する関数があります。チャートを生成しようとすると、アニメーションの preload.show が呼び出され、アニメーションが終了すると、 preload.hide() が呼び出されます。
アイデアは、チャートの準備が整う前にプリロードが表示されるということですが、奇妙なことに、充電はプリロードを表示しませんが、プリロードはアニメーションを終了する前に約1秒しかありません. 私は何ができますか ？。完全なコードを配置して、それをビジネスおよびセキュリティ ポリシーで使用することはできないので、できません。
つまり、チャートを作成した瞬間からプリロードが表示されません。私が望むように、これはコンピューターで見栄えがします。しかし、この問題はセルで発生します。
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
});