HighCharts DataLabels Overlap

http://jsfiddle.net/nUCBj/1/HighCharts DataLabels Overlap

如何防止數據標籤重疊？我已經嘗試使用格式化程序選項並使用CSS位置/頂部/底部等來定位dataLabel ...數據標籤是必需的。我不能只使用工具提示中它的位置:-)

謝謝

$(function() { 
var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    plotOptions: { 
     series: { 
      dataLabels: { 
       enabled: true, 
       backgroundColor: 'rgba(255, 255, 255, 0.7)', 
       borderWidth: 1, 
       shadow: true, 
       borderRadius: 1, 
       useHTML: true, 
       padding: 1 
      } 
     } 
    }, 

    series: [{ 
         name: 'test', 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] },{ 
      name: 'test2', 
     data: [31, 80, 106.4, 22, 150, 17, 135.7, 14, 230, 181, 9, 54] 
    }] 
});

}）;

來源

2013-02-08 Capt. Rochefort

該系列中的數據屬性可以作爲一個對象數組而不是數組數組傳遞。每個對象都可以定義它自己的dataLabels選項（http://api.highcharts.com/highcharts#series.data）。對於第一個系列，您可以將點對齊到左側，第二個點到右側，以便它們不重疊。

來源

2013-02-08 20:19:58

好的，我遵循你的建議和鏈接。不幸的是，我正在做的工作是將數據推到X和Y座標圖上。所以數據看起來像這樣[[x，y]，[x，y]等]。我怎樣才能應用DataLabels屬性？我在JFiddle上嘗試過它，但無法使它工作。這裏是我的鏈接：[鏈接]（http://jsfiddle.net/vm34W/1/） – 2013-02-08 21:49:05

它應該是很好，如果我可以做這樣的事情，而不是（但只有如果它的工作）：[鏈接]（http： //jsfiddle.net/nUCBj/2/） – 2013-02-08 21:52:03

通過nice（from above），我的意思是align：function（）{... – 2013-02-08 21:53:27

HighCharts DataLabels Overlap

回答

相關問題