javascript - 如何在 Google 图表上叠加文字？

Question

我正在使用 Google Charts 将一些数据绘制到堆积面积图中，如下所示：

如您所见，此图表中有相当多的数据系列。真是太好了，当我将鼠标悬停在其中任何一个上时，它会自动向我显示该系列的那个月的值。如果我能同时看到每个月的总金额，那就更好了，因为文本叠加在每个“峰值”的顶部。

换句话说，我希望它看起来更像这样：

有没有办法做到这一点？谢谢！

Answer 1

这是获得您想要的东西的技巧：

// assumes your DataTable contains 1 month column and all other columns are the data series in your chart
var columns = [];
for (var i = 0, i < data.getNumberOfColumns(); i++) {
    columns.push(i);
}
columns.push({
    type: 'string',
    role: 'annotation',
    calc: function (dt, row) {
        var sum = 0;
        for (var i = 1, i < data.getNumberOfColumns(); i++) {
            sum += data.getValue(row, i);
        }
        return sum.toString();
    }
});
var view = new google.visualization.DataView(data);
view.setColumns(columns);

使用视图而不是 DataTable 来绘制图表，并且您应该有您正在寻找的标签。