我有HighCharts中的柱形图,并且存在数据标签互相碰撞的问题。该图有一个静态宽度,我可能有4个系列,每个系列内至多有4个数据点(相邻的4个堆栈)。我确实有正面和负面的价值。我看到,如果系列具有相似的值,则每列都是相同的高度,这会导致数据标签相互碰撞。HighCharts柱形图:堆栈上的数据标签重叠
有什么办法解决这个问题?我似乎无法找到一个图书馆选项,将有所帮助。
我有HighCharts中的柱形图,并且存在数据标签互相碰撞的问题。该图有一个静态宽度,我可能有4个系列,每个系列内至多有4个数据点(相邻的4个堆栈)。我确实有正面和负面的价值。我看到,如果系列具有相似的值,则每列都是相同的高度,这会导致数据标签相互碰撞。HighCharts柱形图:堆栈上的数据标签重叠
有什么办法解决这个问题?我似乎无法找到一个图书馆选项,将有所帮助。
您是否尝试过增加条的宽度?如何调整标签的字体大小?这2个API的组合应该帮助周围得到这个给你有一个静态大小的图表,并有4个数据点最多4系列...
http://api.highcharts.com/highcharts#plotOptions.column.pointWidth
http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.style
我开始玩弄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-21 11:50:58
是的,谢谢你的帮助。 – user327999 2013-03-21 14:57:54
你可以发布你的图表配置或jsfiddle请。 – SteveP 2013-03-20 18:38:46