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

我有HighCharts中的柱形图，并且存在数据标签互相碰撞的问题。该图有一个静态宽度，我可能有4个系列，每个系列内至多有4个数据点（相邻的4个堆栈）。我确实有正面和负面的价值。我看到，如果系列具有相似的值，则每列都是相同的高度，这会导致数据标签相互碰撞。HighCharts柱形图：堆栈上的数据标签重叠

有什么办法解决这个问题？我似乎无法找到一个图书馆选项，将有所帮助。

Sample HighChart Column Chart - Data Label Overlap

来源

2013-03-20 user327999

你可以发布你的图表配置或jsfiddle请。 – SteveP 2013-03-20 18:38:46

您是否尝试过增加条的宽度？如何调整标签的字体大小？这2个API的组合应该帮助周围得到这个给你有一个静态大小的图表，并有4个数据点最多4系列...

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

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

来源

2013-03-20 18:40:01

我开始玩弄groupPadding选项，这似乎有点帮助。设置列点宽度在某些情况下不起作用，因为有时候我没有太多数据，因此，如果不需要，不想限制大小plotOptions：{series：{groupPadding：0.25}} – user327999 2013-03-20 18:55:11

添加了groupPadding选项工作对我来说：

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

来源

2013-03-20 21:58:52 user327999

所以问题解决了？ – 2013-03-21 11:50:58

是的，谢谢你的帮助。 – user327999 2013-03-21 14:57:54

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

回答

相关问题