Google Pie Chart show both Percentage and Values

Question

How to display both Percentage and Values in Google Pie Chart ?

You can't display both on the slice labels, but if you set the `pieSliceText` option to `'label'` and the `legend.position` option to `'labeled'`, you will see the value on the slice and the percent on the legend label. — asgallant, Mar 12 '14 at 20:40

score 42 · Accepted Answer · edited Nov 19 '15 at 06:11

42

You can set pieSliceText as value-and-percentage to display both Value and Percentage.

var options = {
   pieSliceText: 'value-and-percentage'
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);

Please note that this option is currently undocumented (see this), so please use at your own risk.

http://jsfiddle.net/6M2sH/301/

edited Nov 19 '15 at 06:11

Ajay2707

5,690
6
40
58

answered Apr 07 '15 at 03:27

user4756986

436
5
3

Where exactly do you enter this snippet in Google Sheets? – Yahalnaut Oct 08 '22 at 19:46

score 2 · Answer 2 · edited Jan 28 '15 at 07:00

2

You can not display both on the chart labels. For reference use this

edited Jan 28 '15 at 07:00

Lrrr

4,755
5
41
63

answered Jan 28 '15 at 05:45

HRISHIKESH BARHATE

21
2

score 0 · Answer 3 · answered Jan 15 '18 at 18:59

0

you can put isStacked: 'percent' in the option of your chart.

when mouse hover it will showing like this 10 (100%)

answered Jan 15 '18 at 18:59

Vinicius

133
5

Google Pie Chart show both Percentage and Values

3 Answers3