javascript - ハイチャートの円アイテム内のパーセンテージを表示する

Question

ハイチャートの実際のパイ項目内に各パイ項目のパーセンテージを表示できるかどうかを調べようとしていますか? 私が意味することの例は次のようなものです：

https://developers.google.com/chart/interactive/docs/gallery/piechart

Answer 1

@ を見たいと思うかもしれませんdataLabels.formatter。this.percentageオプションはパイで利用可能です

円グラフ内の dataLabels に負の値を設定することもdataLabels.distanceできます。

@ jsFiddle 内のパーセンテージ値を持つパイ

Answer 2

その驚くほど簡単です。ツールチップまたは dataLabels セクションで、フォーマットを変更します。

FROM:
  format: '<b>{point.name}</b>: {point.y:.1f} Rs.',
TO:
  format: '<b>{point.name}</b>: {point.percentage:.1f} %',

Answer 3

このコードを試してください。わたしにはできる：

  'labelFormatter':function () { 
       var total = 0, percentage; 
       $.each(this.series.data, function() { 
          total+=this.y; 
       }); 

       percentage=((this.y/total)*100).toFixed(1); 
       return this.name+' '+percentage+'%'; 
    }