javascript - 在高图表的饼图中显示百分比

Question

我想弄清楚是否可以在高图的实际饼项中显示每个饼项的百分比？我的意思的例子是这样的：

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

Answer 1

你可能想看看 @ dataLabels.formatter。this.percentage选项可用于馅饼

也dataLabels.distance可以将饼图中的 dataLabels 设置为负值。

@jsFiddle 内带有百分比值的饼图

Answer 2

它非常容易。在您的工具提示或数据标签部分更改您的格式。

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