amCharts：円グラフアニメーションが機能しない

Question

amChartsの複数の円グラフを1ページに使用しています。ページが読み込まれているときにアニメーションが機能していません。以下は、グラフをレンダリングするために使用される私のコードです。

var Piechart132 = AmCharts.makeChart('div132', { 
    labelsEnabled: false, 
    autoMargins: false, 
    marginTop: 0, 
    marginBottom: 0, 
    marginLeft: 0, 
    marginRight: 0, 
    pullOutRadius: 0, 
    type: 'pie', 
    theme: 'dark', 
    dataProvider: [ 
     { country: 'Banking', litres: 300000000 }, 
     { country: 'Carpenter', litres: 349500000000 }, 
     { country: 'Doctor', litres: 433650000000 }, 
     { country: 'Gas', litres: 108326000000 }, 
     { country: 'Mechanic', litres: 366450000000 } 
    ], 
    outlineThickness: 1, 
    outlineAlpha: 1, 
    legend: { enabled: true, valueText : '' }, 
    outlineColor: undefined, 
    titles: [{ text: 'Industry wise Exposure' }], 
    valueField: 'litres', 
    titleField: 'country', 
    balloon: { fixedPosition: true } 
}); 

一つ私はフィドルに実行したときに、同じコードを言及したいと思います以上、それが正常に動作している、他の競合があることが可能かもしれないが、私はとにかくそれを見つけることができません。私もstartDuration and set its value to 20 'を挿入しようとしましたが、少なくとも私は問題が何であるかを見ることができますが、まだ何も見ることはできません。

Answer 1

複数のグラフが同じページにある場合、円グラフは確実にアニメートされますが、すべてが一度に初期化されるとブラウザが暴走し、アニメーションが速すぎたり、彼らはうまく動作しないように見える。

https://www.amcharts.com/kbase/lazy-loading-120-charts-page/

：あなたが遅延した後、次のチャートを初期化するために、各グラフのinitイベントを使用した遅延ロード技術、または以下AmCharts知識ベースのリンクで説明した遅延ロード手法を検討する必要がありますhttps://www.amcharts.com/kbase/make-the-charts-lazy-initialize-only-when-they-scroll-into-view/