在Google堆积图表中的单列中添加和显示列值

时间:2015-12-08 13:49:51

标签: javascript google-visualization

我使用谷歌图表创建堆积图。

enter image description here

这里我有2列(一列是蓝色,另一列是红色)。在每个我显示的值。

我的代码是:

var view = new google.visualization.DataView(data);
        view.setColumns([0, 1, {
            calc: "stringify",
            sourceColumn: 1,
            type: "string",
            role: "annotation"
        }, 2, {
            calc: "stringify",
            sourceColumn: 2,
            type: "string",
            role: "annotation"
        }]);

但我必须显示总值(蓝色+红色)。

这是我的图表应该是这样的:

enter image description here

我该怎么做?任何帮助都非常明显......

1 个答案:

答案 0 :(得分:0)

calc提供功能并丢失sourceColumn 这样的事情应该有用......

var view = new google.visualization.DataView(data);
view.setColumns([0, 1, 2, {
    calc: getRowTotal,
    type: "number",
    role: "annotation"
}]);

function getRowTotal(dataView, row) {
    var val1;
    var val2;

    val1 = dataView.getValue(row, 1) || 0;
    val2 = dataView.getValue(row, 2) || 0;

    return val1 + val2;      
}