谷歌饼图同时显示百分比和值答案

【问题标题】：Google Pie Chart show both Percentage and Values谷歌饼图同时显示百分比和值
【发布时间】：2014-03-12 19:05:42
【问题描述】：

如何在谷歌饼图中同时显示百分比和数值？

【问题讨论】：

您不能同时显示在切片标签上，但是如果您将pieSliceText 选项设置为'label' 并将legend.position 选项设置为'labeled'，您将在切片和图例标签上的百分比。

标签： javascript jquery google-visualization pie-chart

【解决方案1】：

您可以将pieSliceText 设置为value-and-percentage 以同时显示值和百分比。

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

请注意，此选项目前未记录在案（请参阅this），因此请自行承担使用风险。

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

【讨论】：

【解决方案2】：

您不能同时在图表标签上显示。供参考使用this

【讨论】：

【解决方案3】：

您可以将isStacked: 'percent' 放在图表的选项中。

当鼠标悬停时会显示如下 10 (100%)

【讨论】：