如何定位數據標籤在酒吧系列底部

Question

我有一個（水平）條形圖，我想在系列酒吧底部（或最左邊部分）添加dataLabel's。

與此類似：http://flowingdata.com/2009/05/22/poll-results-what-data-related-area-are-you-most-interested-in/

是否有使用格式化功能來設置這個值的方法嗎？

plotOptions: { 
    bar: {   
     dataLabels: { 
      formatter: function() { 
       this.series.options.dataLabels.x = ????????????? 
       return this.y; 
      }, 

Answer 1

格式化功能的任務是將標籤文本的格式。它爲您提供了一種修改圖表內部狀態的方法，但這實際上只是一種破解，因此可能會或可能無法正常工作。

將標籤放在底部的一種方法是使用堆棧標籤而不是數據標籤（數據標籤將放置在欄的頂部，左對齊或右對齊）。要在基礎配置堆疊標籤，這樣做：

yAxis: {       // The y axis is horizontal 'bar' layout 
    stackLabels: { 
     style: { 
      color: 'white'  // Make the labels white 
     }, 
     enabled: true,   // Enable stack labels 
     verticalAlign: 'middle', // Position them vertically in the middle 
     align: 'left'   // Align them to the left edge of the bar 
    } 
} 

您還需要設置堆疊到'normal'：

例如在jsfiddle：

更新：標籤爲堆棧總數將顯示特定類別（堆棧）的所有系列的總和，所以只有在圖表中的單個系列將堆棧標籤數據標籤顯示相同的值。