円チャートでのAmchartsの反応の問題

Question

モバイルビューでチャートをチェックしているときに、添付のように表示されていました。その結果、モバイルで見るには小さすぎます。

Answer 1

これらのスライスは非常に小さいので、実行することはほとんどありません。 my answer to a previous question with a similar issueと同じように、labelRadius、pullOutRadius、startAngleを調整してみてください。hideLabelsPercentを設定して、他のスライスを非表示にし、それらの小さいスライスに凡例を使用する方がよい場合があります。あなたはスライスがたくさんあるので、あなたはそれが伝説のdivIdプロパティを使用して、グラフの面積を取らないのでので、外部のdivに凡例を配置することをお勧めします：

HTML

<div id="chartdiv"></div> 
<div id="legenddiv"></div> 

JS

AmCharts.makeChart("chartdiv", { 
    // ... 
    "legend": { 
    "divId": "legenddiv", 
    // ... 
    }, 
    // ... 
}); 

あなたが行動hereにこの例を見つけることができます。

AmCharts' responsive pluginを使用して有効にすることもできます。AmCharts' responsive pluginには、小さな解像度でグラフ設定を動的に変更するいくつかのデフォルトルールが付属しています。独自のルールを追加することもできます。