jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-09 10:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Multiple weather card graphs (#181)

Browse Source 
* Set different id for each weather card

* Style fixes

* Changed id interpolation

* Use same function both for generating and finding chart id

* Fix line too long
This commit is contained in:
Tom Matheussen 2017-02-01 09:23:04 +01:00 committed by Paulus Schoutsen
parent 26c7cc38ca
commit fa68419f77
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/cards/ha-weather-card.html
View File

@ -21,7 +21,7 @@
<google-legacy-loader on-api-load='googleApiLoaded'></google-legacy-loader> <google-legacy-loader on-api-load='googleApiLoaded'></google-legacy-loader>
<ha-card header='[[computeTitle(stateObj)]]'> <ha-card header='[[computeTitle(stateObj)]]'>
<div class='content'> <div class='content'>
<div id='chart_area'></div> <div id$='[[computeChartId(stateObj)]]'></div>
<ha-attributes state-obj='[[stateObj]]' extra-filters='forecast'></ha-attributes> <ha-attributes state-obj='[[stateObj]]' extra-filters='forecast'></ha-attributes>
</div> </div>
</ha-card> </ha-card>
@ -50,6 +50,10 @@
return stateObj.attributes.friendly_name; return stateObj.attributes.friendly_name;
}, },
computeChartId: function (stateObj) {
return 'chart_area_' + stateObj.id;
},
getDataArray: function () { getDataArray: function () {
var dataArray = []; var dataArray = [];
var data = this.stateObj.attributes.forecast; var data = this.stateObj.attributes.forecast;
@ -79,7 +83,8 @@
} }
if (!this.chartEngine) { if (!this.chartEngine) {
this.chartEngine = new window.google.visualization.LineChart(document.getElementById('chart_area')); this.chartEngine = new window.google.visualization.LineChart(
document.getElementById(this.computeChartId(this.stateObj)));
} }
this.drawChart(); this.drawChart();