條形圖中的HighChart數據標簽問題

Question

我希望標簽在條形堆棧之外。 我使用了下面的代碼，但並非每次都能使用。

 dataLabels: {
              enabled: true,
              color: '#333',
              inside:false
          }, 

的jsfiddle

Answer 1

放置數據標簽的方法有多種，可以設置它們的x和y位置，也可以分別設置每個數據點的位置，但是因為您同時具有負值和正值，即使沒有，也將頭痛。 inside: false似乎沒有做任何事情，但我設法為您找到了另一個更簡單的解決方案，即使用數據標簽的rotation屬性。設置為偶數“ 1”會將標簽帶到外面。

dataLabels: {
     rotation: 1,
     enabled: true,
     color: '#333',
},  

在這里查看演示

現在，您可以在不同的角度和寬度的高度上玩耍，看看最適合您的。

Answer 2

干得好：

dataLabels: {
          enabled: true,
          color: '#333',
          inside: false,
          crop: false,
          overflow: "none"
      }, 

http://jsfiddle.net/kq2xgwhg/

此處記錄：“溢出”下的http://api.highcharts.com/highcharts#plotOptions.series.dataLabels 。