web-dev-qa-db-ja.com

ハイチャートのパイアイテム内のパーセンテージの表示

ハイチャートの実際のパイアイテム内の各パイアイテムのパーセンテージを表示できるかどうかを確認しようとしていますか？私が意味する例は次のようなものです：

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

javascripthighcharts
18
ryanzec

@ dataLabels.formatter 。 this.percentageオプションはパイに使用できます

また dataLabels.distance は、円グラフ内のdataLabelsに負の値を設定できます。

@ jsFiddle内のパーセンテージ値のあるパイ

40
Jugal Thakkar

驚くほど簡単です。ツールチップまたはdataLabelsセクションで形式を変更します。

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

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

  '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+'%'; 
    }
1
Sarvar Nishonboev