如何在google-chart linr-graph中显示多行

时间:2017-06-27 13:09:37

标签: polymer

我有这样的聚合物代码:

<google-chart type='line' options='{"title": "Sales Statistics, Billions", "vAxis": {"minValue" : 0, "maxValue": 40}, "curveType": "function"}' rows='[["Monday", 31], ["Tuesday", 28], ["Wednesday", 31], ["thursday", 22], ["friday", 11]]' cols='[{"label":"Weeks", "type":"string"}, {"label":"Days", "type":"number"}]'></google-chart>

代码工作正常。但是,我不知道如何显示多行数据。 这意味着我的输出为enter image description here

我想这样:

enter image description here

感谢。

1 个答案:

答案 0 :(得分:0)

我找到了解决问题的方法。将另一个元素添加到cols数组中作为

cols='[{"label":"Weeks", "type":"string"}, {"label":"Days", "type":"number"}, {"label":"Days", "type":"number"}]'

将另一个元素添加到行的数组中,作为图中另一行的坐标

rows='[["Monday", 31, 11], ["Tuesday", 28, 22], ["Wednesday", 31, 33], ["thursday", 22, 44], ["friday", 11, 44]]'

感谢。