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

Question

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

如何在图例中显示 29.2% 的睡眠？

Answer 1

您可以通过两种方式做到这一点；将 DataTable 中标签的格式化值设置为包括百分比，例如：

// 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/

Answer 2

尝试所有值：

var total = 0;
    for (var i = 0; i < data.getNumberOfRows(); i++) {
            total = total + data.getValue(i, 1);    
    }

    for (var i = 0; i < data.getNumberOfRows(); i++) {
            var label = data.getValue(i, 0);
        var val = data.getValue(i, 1) ;
        var percentual = ((val / total) * 100).toFixed(1); 
        data.setFormattedValue(i, 0, label  + '- '+val +' ('+ percentual + '%)');    
    }