如何在用户操作(滑块/下拉菜单)中动态编辑行/列到Google Line图表

时间:2016-06-29 11:13:30

标签: javascript google-api google-visualization

我使用Google Visualization API创建折线图,并使用json的数据创建折线图。现在我想编辑用户操作的折线图(可以是水平轴上每个点的下拉列表),即更改我们传递给谷歌图表的数据值,即编辑“ arrayToDataTable ”中的值。

var lineData = google.visualization.arrayToDataTable([
['Popularity', 'Time'],
[0, 0],   [1, 10],  [2, 23],  [3, 17],  [4, 18],  [5, 9],
[6, 11],  [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35],
[12, 30], [13, 40]
]);

我已经尝试过使用控件和显示板(谷歌图表功能),它允许我们像下面提到的链接一样更改图表:

https://jsfiddle.net/harshl22/nuff8zLc/1/

但它只是改变轴值而非像我想要的dataTable值。

是否有任何功能或属性可以让我这样做。

提前感谢。

0 个答案:

没有答案