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柱形圖：堆棧上的數據標籤重疊

回答

相關問題