polymer
2017-06-27 61 views 0 likes 
0

我有這樣的聚合物的代碼:如何顯示在谷歌-圖表多行LINR-圖表

<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

感謝。

回答

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]]' 

感謝。

相關問題