javascript - 在谷歌柱形图中绘制标签

Question

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

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

我想显示两列都占总量的 50%（200），我想在列中显示它

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

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]);