要顯示在谷歌餅圖的傳說百分比數據

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選項設置爲「標記」，從而改變了傳說中的繪製方式，但增加的百分比在標籤：

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 + '%)');  
    }