如何显示2' sourceColumns'的值 - 谷歌条形图

时间:2017-08-03 10:45:48

标签: html google-visualization

我正在尝试在Google条形图的列中显示标签名称和列的值。

这是我目前用于在图表中显示标签名称的代码:

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

我可以通过更改' sourceColumn'来获取要在列中显示的值。值为1,但我无法得到它们。

到目前为止,我已经尝试了

[0, 1]
0, 1
0 1
0 + 1

任何人都可以建议我如何实现这个目标吗?

1 个答案:

答案 0 :(得分:1)

视图中的计算列使用预定义函数 - > "stringify"

相反,您可以提供自己的功能,以获取所需的值...

calc函数有两个参数

function (dataTable, rowIndex) {}

1)用于创建视图的数据表
2)计算行索引

使用参数从任何列的数据表行中提取值 (sourceColumn不是必需的)

函数return应与列定义中定义的类型相同 type: "string"

设置栏中的

......

var view = new google.visualization.DataView(data);
view.setColumns([0, 1, {
  calc: function (dataTable, rowIndex) {
    var xAxisValue = dataTable.getValue(rowIndex, 0);
    var yAxisValue = dataTable.getValue(rowIndex, 1);
    return xAxisValue + ' = ' + yAxisValue;
  },
  type: "string",
  role: "annotation"
}, 2]);