Javascript 如何在谷歌图表上叠加文字?

Javascript 如何在谷歌图表上叠加文字?,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我正在使用谷歌图表将一些数据绘制到一个堆叠面积图中,该图如下所示: 正如你所看到的,这个图表中有很多数据系列。当我将鼠标悬停在其中任何一个上面时,它会自动向我显示该系列、该月份的值,这真是太好了。如果我能同时看到每个月的总金额,作为文本叠加在每个“峰值”的顶部,那就更好了 换句话说,我希望它看起来更像这样: 有没有办法做到这一点?谢谢 这里有一个方法可以得到你想要的: // assumes your DataTable contains 1 month column and all othe

我正在使用谷歌图表将一些数据绘制到一个堆叠面积图中,该图如下所示:

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

换句话说,我希望它看起来更像这样:


有没有办法做到这一点?谢谢

这里有一个方法可以得到你想要的:

// 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包含1个月列,而所有其他列都是图表中的数据系列
var列=[];
对于(var i=0,i

使用视图来绘制图表,而不是数据表,您应该有您要查找的标签。

当前不支持此标签的可能重复项。