在谷歌柱形图中绘制标签

【问题标题】：Draw labels inside google column charts在谷歌柱形图中绘制标签
【发布时间】：2013-10-22 11:36:43
【问题描述】：

我使用https://developers.google.com/chart/interactive/docs/gallery/columnchartgoogle 柱形图。 hAxis 保存日期，vAxis 保存值（数字）。每个日期我有两列，并且 isStacked 设置为 true。我想在每列中显示更多信息，例如百分比相关性。例如我有下一行：

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

我想显示两列都占总量的 50% (200)，我想在列内显示它

有可能吗？是否可以显示更多信息（不仅是百分比，还有绝对值等）

【问题讨论】：

标签： javascript google-visualization

【解决方案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]);

【讨论】：