diff --git a/src/cards/ha-weather-card.html b/src/cards/ha-weather-card.html
index 3527023ed1..e3eec5334b 100644
--- a/src/cards/ha-weather-card.html
+++ b/src/cards/ha-weather-card.html
@@ -21,7 +21,7 @@
     <google-legacy-loader on-api-load='googleApiLoaded'></google-legacy-loader>
     <ha-card header='[[computeTitle(stateObj)]]'>
       <div class='content'>
-        <div id='chart_id'></div>
+        <div id='chart_id' hidden$="[[!stateObj.attributes.forecast]]"></div>
         <ha-attributes state-obj='[[stateObj]]' extra-filters='forecast'></ha-attributes>
       </div>
     </ha-card>
@@ -83,6 +83,10 @@
           this.$.chart_id);
       }
 
+      if (!this.stateObj.attributes || !this.stateObj.attributes.forecast) {
+        return;
+      }
+
       this.drawChart();
     },