谷歌柱形圖內部繪製標籤

Question

我使用https://developers.google.com/chart/interactive/docs/gallery/columnchart谷歌柱形圖。 hAxis保留日期，vAxis保留值（數字）。每個日期有兩列，isStacked設置爲true。我想在每列中顯示更多信息，例如百分比相關性。 例如，我有下一行：

[Date('2012', '05', '05'), 100, 100] 

我想顯示兩列需要總量（200）的50％，我想顯示它列內

是否有可能？是否有可能顯示更多信息（不僅是百分比，而且還有絕對值等）

Answer 1

您可以創建計算列以包含想要從現有列導出的任何信息。下面是一個示例，爲第一列創建工具提示，其中包含值和表示總數的百分比：

// assumes the DataTable object is called "data" 
var view = new google.visualization.DataView(data); 
view.setColumns([0, 1, { 
    type: 'string', 
    role: 'tooltip', 
    calc: function (dt, row) { 
     var val = dt.getValue(row, 1); 
     var total = dt.getValue(row, 1) + dt.getValue(row, 2); 
     var percent = (100 * val/total).toFixed(2) + '%'; 
     return 'Value: ' + val + ' (' + percent + ')'; 
    } 
}, 2]);