Отображение процента внутри элемента пирога для высоких диаграмм

Я пытаюсь выяснить, можно ли отображать процент для каждого элемента пирога внутри фактического элемента пирога для высоких диаграмм? Пример того, что я имею в виду, выглядит примерно так:

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

Ответы

Ответ 1

Вы можете посмотреть @dataLabels.formatter. Опция this.percentage доступна для пирога

Также dataLabels.distance может быть установлено отрицательное значение для dataLabels внутри пирога.

Пирог с процентными значениями внутри @jsFiddle

Ответ 2

Его удивительно легко. В разделе tooltip или dataLabels измените свой формат.

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

Ответ 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+'%'; 
    }