Highcharts - 數據標籤切斷

Question

我參加了一個樣品的jsfiddle和修改在這裏只是爲了證明什麼，我經歷了一個樣本： http://jsfiddle.net/pMwuv/

這裏是我的實際datalabel代碼如下所示：

dataLabels: { 
enabled: true, 
align: 'left', 
verticalAlign: 'top', 
style: { 
    color: 'black' 
}, 
formatter: function() { 
    if (this.x == 19) { 
     return this.y + '<br>units left'; 
    }; 
} 
}  

我的面積圖上有最後一個數據標籤被切斷。有沒有辦法增加容器的寬度或添加某種類型的填充以便完整的標籤顯示？

僅更改標籤的x和y位置將不適用於我的面積圖。我定製了自己的圖表，以便只有圖表的最後一點纔有數據標籤，而且我希望它與最後一點的右側對齊，而不是在圖表內。

但是，如果我們可以得到上面的示例小提琴工作，那麼相同的解決方案應該爲我工作。

Answer 1

您可以將marginRight添加到chart這個樣子：

chart: { 
      renderTo: container, 
      width: 550, 
      marginRight: 35 
} 

jsFiddle。

Answer 2

這不是一個直接解決方案，但我建議你把標籤在Y軸：

yAxis: { 
     title: { 
      text: 'Units left' 
     } 
    }, 

，並刪除其他屬性，只留下enabled: true：

plotOptions: { 
     series: { 
      dataLabels: { 
       enabled: true 
      } 
     } 
    }, 

See the fiddle

Answer 3

您可以設置spacingRight並添加正確的值。