google-visualization - 想要在谷歌饼图图例中显示百分比数据

Question

我在我的代码中使用谷歌图表API，特别是饼图，我想显示图表内显示的百分比到图例

How can i display 29.2% sleep in legend?

Answer 1

您可以通过两种方式做到这一点；要么设置数据表中标签的格式化值以包含百分比，例如:

// assume sleep is row 4, "sleepPercent" is the percent for sleep
data.setFormattedValue(4, 0, data.getValue(4, 0) + ' (' + (sleepPercent * 100).toFixed(1) + '%)');

或者您可以将 legend.position 选项设置为“labeled”，这会更改图例的绘制方式，但会将百分比添加到标签中:

legend: {
    position: 'labeled'
}

请参阅此处的示例:http://jsfiddle.net/asgallant/Su6TX/