HighCharts在條上放置標籤

Question

鑑於下面的圖像 - 我想從圖例中爲每列添加標籤並將其打印在列上。我一直無法在HighCharts API中找到任何可以讓我這樣做的東西。有沒有人有這樣的想法或例子，我可以看看？

謝謝！

編輯

有什麼我要完成

我認爲這是很容易辨別一個更好的例子。用例是這些統計信息顯示在呼叫中心周圍的大型監視器上。圖例通常太小而無法從任何給定的距離讀取。

Answer 1

只要嘗試格式化柱狀圖上的數據標籤，以下是一個讓您開始使用的示例。

$(function() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'column' 
      }, 
      xAxis: { 
       categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
      }, 

      plotOptions: { 
       series: { 
        dataLabels: { 
         enabled: true, 
         color: '#000', 
         style: {fontWeight: 'bolder'}, 
         formatter: function() {return this.x + ': ' + this.y}, 
         inside: true, 
         rotation: 270 
        }, 
        pointPadding: 0.1, 
        groupPadding: 0 
       } 
      }, 

      series: [{ 
       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] 
      }] 
     }); 
    }); 

Answer 2

真的，這個案例要求的是，這是一個欄，而不是一個列，以及類別標籤不旋​​轉，並且清晰可讀。

Example: 

http://jsfiddle.net/jlbriggs/yPLVP/23/

您也可以抵消軸標籤，把類別名稱欄本身上，但實際上 - 它只是不一樣好，顯示爲上面的例子方式：

http://jsfiddle.net/jlbriggs/yPLVP/24/

這些可能都是一個柱而不是一個酒吧，當然，但如果可以避免旋轉標籤總是一個壞主意。

這些方法還允許數據標籤仍然可以作爲數據標籤應用，如果需要的話。