HighCharts柱形图:堆栈重叠上的数据标签

时间:2013-03-20 17:17:53

标签: highcharts overlap labels

我在HighCharts中有一个柱形图,并且存在数据标签相互碰撞的问题。该图具有静态宽度,我可能有4个系列,每个系列内最多有4个数据点(彼此相邻的4个堆栈)。我确实有正面和负面的价值观。我看到如果系列具有相似的值,则每列的高度相同,导致数据标签相互碰撞。

有什么方法可以解决这个问题吗?我似乎无法找到有用的库选项。

Sample HighChart Column Chart - Data Label Overlap

2 个答案:

答案 0 :(得分:2)

添加了适用于我的groupPadding选项:

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

答案 1 :(得分:0)

你有没有尝试增加酒吧的宽度?如何调整标签的字体大小?这两个API的组合应该有助于解决这个问题,因为你有一个静态大小的图表和最多4个系列有4个数据点......

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

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