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

您是否尝试过增加条形的宽度？如何调整标签的字体大小？鉴于您有一个静态大小的图表和最多 4 个具有 4 个数据点的系列，这 2 个 API 的组合应该有助于解决这个问题......

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

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