highcharts - 円グラフラベルの重複の処理[Highcharts]

Question

私のチャートは醜く、どうしたらいいのかわかりません。ラベルが重なっていてほとんど読めないので醜いです。私がすでに検討したアイデア：

• 小さなスライスのラベルを非表示にします。これには、特にページが印刷されるときに、表示される情報が少なくなるという明らかな欠点があります。私たちのユーザーはたくさん印刷します。
• 大きなスライスと小さなスライスを交互に。情報の構成が減り、同じ問題が発生することがあるため、理想的ではありません。
• 各ラベルを固定位置に手動で配置します。実装時間とコードメンテナンスに関する高価なソリューション。

誰かもっと良いアイデアがありますか？highchartsがオーバーラップを検出し、それに対して自動的に何かを実行できたらいいのにと思います。これが写真です：

Answer 1

Highchartsには、円グラフのstartAngleを設定するための新しいオプションがあります。startAngleを使用して、チャートの右側にすべての小さなスライスを配置し、より多くのラベルを収めることができます。

series: [{
    startAngle: 90
}]

ここでのJSFiddleデモ：http：//jsfiddle.net/highcharts/dK9CD/

Answer 2

この種の場合にラベルをより適切に分散するために円グラフを回転させることに関連するhighchartsフォーラムのトピックを見つけましたが、次の行を見つけて累積参照をゼロに変更するようにソースを変更する必要があります。

cumulative = -0.25, // start at top

最適ではないが機能する可能性のあるオプションの1つは、次のように、データラベルが重ならないように、データラベルを数度回転させることです。

{
    plotOptions : {
        pie : {
            dataLabels : {
                rotation : 15
            }
        }
    }
}

Answer 3

私も同じ問題に遭遇します。以下のコードで問題を修正しました。

plotOptions : {
    pie : {
        dataLabels : {
            whiteSpace: 'nowrap', 
            overflow: 'hidden',
            textOverflow: 'ellipsis'
        }
    }
}