HighCharts：以百分比形式顯示y軸標籤，而不是基本柱形圖的絕對計數

Question

我剛開始使用highcharts，我試圖找出一種方法來顯示y軸標籤而不是實際值/計算基本柱形圖。有沒有辦法可以做到這一點？有人可以給我一些建議。

感謝

Answer 1

Unfortuantely此選項不可用，但你可以準備自己的功能，將計算所有點並計算percetn值。然後返回數據系列的更新值。

Answer 2

如果你想改變的是軸標籤，選中我的答案和小提琴例子在這裏：

Highcharts percentage of total for simple bar chart

如果你想提示也顯示的百分比值，您可以將代碼複製該示例中的dataLabels格式化程序即可完成此操作。

Answer 3

您可以通過計算每步分數和除以計數來將計數更改爲分配百分比。

下面是修改顯示比例，確保y軸設置爲最大值1。如果你不想百分比數乘以100

function histogram(data, step) { 
    var histo = {}, 
     x, 
     i, 
     sum = 0, 
     arr = []; 

    // Group down 
    for (i = 0; i < data.length; i++) { 
     x = Math.floor(data[i][0]/step) * step; 
     if (!histo[x]) { 
     histo[x] = 0; 
     } 
     histo[x]++; 
    } 

    // Make the histo group into an array 
    for (x in histo) { 
     if (histo.hasOwnProperty((x))) { 
      arr.push([parseFloat(x), histo[x]]); 
     } 
    } 

    // find sum 
    for (i = 0; i < arr.length; i++) { 
      sum += arr[i][1]; 
     } 

    // calculate percent 
    for (i = 0; i < arr.length; i++) { 
      arr[i][1] = arr[i][1]/sum ; 
     } 

    // sort the array 
    arr.sort(function (a, b) { 
     return a[0] - b[0]; 
    }); 

    return arr; 
} 

小提琴的Highcharts例如直方圖（）函數：http://jsfiddle.net/jamie_farrell/xy7uogz4/2/