highcharts - HighCharts 縦棒グラフ: スタック上のデータ ラベルの重なり

Question

HighCharts に縦棒グラフがあり、データ ラベルが互いにぶつかる問題があります。グラフには静的な幅があり、各シリーズ内に最大で 4 つのデータ ポイントを持つ 4 つのシリーズが存在する可能性があります (4 つのスタックが隣り合っています)。私は正と負の値を持っています。シリーズの値が類似している場合、各列の高さが同じであるため、データ ラベルが互いにぶつかります。

この問題を解決する方法はありますか? 役立つライブラリ オプションが見つからないようです。

Answer 1

groupPadding オプションが追加されました。

plotOptions: 
{ 
    column: 
    { 
        dataLabels: 
        { 
            enabled: true, 
            formatter: function() { return this.y + '%' }
        } 
    }, 
    series: 
    {
        groupPadding: 0.125
    } 
},

Answer 2

バーの幅を広げてみましたか？ラベルのフォント サイズの調整についてはどうですか。これら 2 つの API の組み合わせは、静的なサイズのグラフと 4 つのデータ ポイントを持つ最大 4 つの系列がある場合に、これを回避するのに役立ちます...

http://api.highcharts.com/highcharts#plotOptions.column.pointWidth

http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.style