From 22a9b68373b0f5468369e9378f23d94ab1b94c91 Mon Sep 17 00:00:00 2001
From: "Andrey \"Limych\" Khrolenok" <andrey@khrolenok.ru>
Date: Sun, 24 Mar 2019 19:03:31 +0300
Subject: [PATCH 1/8] New options 'entity' & 'pressure2mmhg'

+ Added ability to convert pressure to mmHg. Added option 'pressure2mmhg'
+ Added option 'entity' for compatibility with Weather Forecast Card.
* Now, if there is no translation for the current language, the text is taken from the default language: English
---
 custom-weather-card-chart.js | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/custom-weather-card-chart.js b/custom-weather-card-chart.js
index 7e52284..2d068ba 100644
--- a/custom-weather-card-chart.js
+++ b/custom-weather-card-chart.js
@@ -16,6 +16,7 @@ const locale = {
     tempLo: "Temperature night",
     precip: "Precipitations",
     uPress: "hPa",
+    uPressMmHg: "mmHg",
     uSpeed: "m/s",
     uPrecip: "mm",
     cardinalDirections: [
@@ -52,6 +53,7 @@ const locale = {
     tempLo: "Температура ночью",
     precip: "Осадки",
     uPress: "гПа",
+    uPressMmHg: "мм",
     uSpeed: "м/с",
     uPrecip: "мм",
     cardinalDirections: [
@@ -134,7 +136,7 @@ class WeatherCardChart extends Polymer.Element {
           <div class="attributes" on-click="_weatherAttr">
             <div>
               <ha-icon icon="hass:water-percent"></ha-icon> [[roundNumber(weatherObj.attributes.humidity)]] %<br>
-              <ha-icon icon="hass:gauge"></ha-icon> [[roundNumber(weatherObj.attributes.pressure)]] [[ll('uPress')]]
+              <ha-icon icon="hass:gauge"></ha-icon> [[computePressure(weatherObj.attributes.pressure)]] [[ll('uPress')]]
             </div>
             <div>
               <template is="dom-if" if="[[sunObj]]">
@@ -201,11 +203,12 @@ class WeatherCardChart extends Polymer.Element {
 
   setConfig(config) {
     this.config = config;
-    this.title = config.title;
-    this.weatherObj = config.weather;
+    this.title = config.title || "";
+    this.weatherObj = config.weather || config.entity;
     this.tempObj = config.temp;
     this.mode = config.mode;
-    if (!config.weather) {
+    this.pressure2mmhg = config.pressure2mmhg || false;
+    if (!this.weatherObj) {
       throw new Error('Please define "weather" entity in the card config');
     }
   }
@@ -213,7 +216,8 @@ class WeatherCardChart extends Polymer.Element {
   set hass(hass) {
     this._hass = hass;
     this.lang = this._hass.selectedLanguage || this._hass.language;
-    this.weatherObj = this.config.weather in hass.states ? hass.states[this.config.weather] : null;
+    this.weatherObj = this.config.weather in hass.states ? hass.states[this.config.weather] :
+        this.config.entity in hass.states ? hass.states[this.config.entity] : null;
     this.sunObj = 'sun.sun' in hass.states ? hass.states['sun.sun'] : null;
     this.tempObj = this.config.temp in hass.states ? hass.states[this.config.temp] : null;
     this.forecast = this.weatherObj.attributes.forecast.slice(0,9);
@@ -230,7 +234,10 @@ class WeatherCardChart extends Polymer.Element {
   }
 
   ll(str) {
-    if (locale[this.lang] === undefined)
+    if (str === "uPress" && this.pressure2mmhg) {
+      str = "uPressMmHg";
+    }
+    if (locale[this.lang] === undefined || locale[this.lang][str] === undefined)
       return locale.en[str];
     return locale[this.lang][str];
   }
@@ -242,6 +249,12 @@ class WeatherCardChart extends Polymer.Element {
     );
   }
 
+  computePressure(pressure) {
+    var calcPressure = this.pressure2mmhg ? Math.round(pressure * 1000 / 1333)
+        : Math.round(pressure);
+    return calcPressure;
+  }
+
   computeWind(speed) {
     var calcSpeed = Math.round(speed * 1000 / 3600);
     return calcSpeed;
@@ -475,7 +488,7 @@ class WeatherCardChart extends Polymer.Element {
   }
 
   _weatherAttr() {
-    this._fire('hass-more-info', { entityId: this.config.weather });
+    this._fire('hass-more-info', { entityId: this.config.weather || this.config.entity });
   }
 }
 

From 81ea7935791e23a025ac75c60edab79d1d374b90 Mon Sep 17 00:00:00 2001
From: Andrey Khrolenok <andrey@khrolenok.ru>
Date: Thu, 1 Oct 2020 17:34:18 +0300
Subject: [PATCH 2/8] Add .gitignore

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 .gitignore

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9f11b75
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.idea/

From 1f27144e5bd03d0d97469a9cecfbecbda29735eb Mon Sep 17 00:00:00 2001
From: Andrey Khrolenok <andrey@khrolenok.ru>
Date: Thu, 1 Oct 2020 17:37:03 +0300
Subject: [PATCH 3/8] Add windUnit and chartOnly options

---
 custom-weather-card-chart.js | 113 +++++++++++++++++++++++++----------
 1 file changed, 81 insertions(+), 32 deletions(-)

diff --git a/custom-weather-card-chart.js b/custom-weather-card-chart.js
index 2d068ba..7f0c45f 100644
--- a/custom-weather-card-chart.js
+++ b/custom-weather-card-chart.js
@@ -4,7 +4,10 @@ const locale = {
     tempLo: "Temperatur nat",
     precip: "Nedbør",
     uPress: "hPa",
-    uSpeed: "m/s",
+    uSpeed: {
+      "ms": "m/s",
+      "kmh": "km/h"
+    },
     uPrecip: "mm",
     cardinalDirections: [
       'N', 'N-NØ', 'NØ', 'Ø-NØ', 'Ø', 'Ø-SØ', 'SØ', 'S-SØ',
@@ -17,7 +20,10 @@ const locale = {
     precip: "Precipitations",
     uPress: "hPa",
     uPressMmHg: "mmHg",
-    uSpeed: "m/s",
+    uSpeed: {
+      "ms": "m/s",
+      "kmh": "km/h"
+    },
     uPrecip: "mm",
     cardinalDirections: [
       'N', 'N-NE', 'NE', 'E-NE', 'E', 'E-SE', 'SE', 'S-SE',
@@ -29,7 +35,10 @@ const locale = {
     tempLo: "Température nuit",
     precip: "Précipitations",
     uPress: "hPa",
-    uSpeed: "m/s",
+    uSpeed: {
+      "ms": "m/s",
+      "kmh": "km/h"
+    },
     uPrecip: "mm",
     cardinalDirections: [
       'N', 'N-NE', 'NE', 'E-NE', 'E', 'E-SE', 'SE', 'S-SE',
@@ -41,7 +50,10 @@ const locale = {
     tempLo: "Minimum temperatuur",
     precip: "Neerslag",
     uPress: "hPa",
-    uSpeed: "m/s",
+    uSpeed: {
+      "ms": "m/s",
+      "kmh": "km/h"
+    },
     uPrecip: "mm",
     cardinalDirections: [
       'N', 'N-NO', 'NO', 'O-NO', 'O', 'O-ZO', 'ZO', 'Z-ZO',
@@ -54,7 +66,10 @@ const locale = {
     precip: "Осадки",
     uPress: "гПа",
     uPressMmHg: "мм",
-    uSpeed: "м/с",
+    uSpeed: {
+      "ms": "м/с",
+      "kmh": "км/ч"
+    },
     uPrecip: "мм",
     cardinalDirections: [
       'С', 'С-СВ', 'СВ', 'В-СВ', 'В', 'В-ЮВ', 'ЮВ', 'Ю-ЮВ',
@@ -66,7 +81,10 @@ const locale = {
     tempLo: "Temperatur natt",
     precip: "Nederbörd",
     uPress: "hPa",
-    uSpeed: "m/s",
+    uSpeed: {
+      "ms": "m/s",
+      "kmh": "km/h"
+    },
     uPrecip: "mm",
     cardinalDirections: [
       'N', 'N-NO', 'NO', 'O-NO', 'O', 'O-SO', 'SO', 'S-SO',
@@ -86,6 +104,11 @@ class WeatherCardChart extends Polymer.Element {
         .card {
           padding: 0 18px 18px 18px;
         }
+        .content {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: space-between;
+        }
         .main {
           display: flex;
           align-items: center;
@@ -110,10 +133,18 @@ class WeatherCardChart extends Polymer.Element {
           display: flex;
           justify-content: space-between;
           align-items: center;
-          margin: 10px 0px 10px 0px;
+          margin: 0px 0px 10px 0px;
         }
         .attributes div {
-          text-align: center;
+          text-align: left;
+        }
+        .sun {
+          display: flex;
+          justify-content: space-evenly;
+          margin: 10px 0;
+        }
+        .sun div {
+          flex: 0 0 auto;
         }
         .conditions {
           display: flex;
@@ -121,34 +152,40 @@ class WeatherCardChart extends Polymer.Element {
           align-items: center;
           margin: 0px 3px 0px 16px;
         }
+        [hidden] {
+          display: none !important;
+        }
       </style>
       <ha-card header="[[title]]">
         <div class="card">
-          <div class="main">
-            <ha-icon icon="[[getWeatherIcon(weatherObj.state)]]"></ha-icon>
-            <template is="dom-if" if="[[tempObj]]">
-              <div on-click="_tempAttr">[[roundNumber(tempObj.state)]]<sup>[[getUnit('temperature')]]</sup></div>
-            </template>
-            <template is="dom-if" if="[[!tempObj]]">
-              <div on-click="_weatherAttr">[[roundNumber(weatherObj.attributes.temperature)]]<sup>[[getUnit('temperature')]]</sup></div>
-            </template>
-          </div>
-          <div class="attributes" on-click="_weatherAttr">
-            <div>
-              <ha-icon icon="hass:water-percent"></ha-icon> [[roundNumber(weatherObj.attributes.humidity)]] %<br>
-              <ha-icon icon="hass:gauge"></ha-icon> [[computePressure(weatherObj.attributes.pressure)]] [[ll('uPress')]]
-            </div>
-            <div>
-              <template is="dom-if" if="[[sunObj]]">
-                <ha-icon icon="mdi:weather-sunset-up"></ha-icon> [[computeTime(sunObj.attributes.next_rising)]]<br>
-                <ha-icon icon="mdi:weather-sunset-down"></ha-icon> [[computeTime(sunObj.attributes.next_setting)]]
+          <div class="content">
+            <div class="main" hidden="[[chartOnly]]">
+              <ha-icon icon="[[getWeatherIcon(weatherObj.state)]]"></ha-icon>
+              <template is="dom-if" if="[[tempObj]]">
+                <div on-click="_tempAttr">[[roundNumber(tempObj.state)]]<sup>[[getUnit('temperature')]]</sup></div>
+              </template>
+              <template is="dom-if" if="[[!tempObj]]">
+                <div on-click="_weatherAttr">[[roundNumber(weatherObj.attributes.temperature)]]<sup>[[getUnit('temperature')]]</sup></div>
               </template>
             </div>
-            <div>
-              <ha-icon icon="hass:[[getWindDirIcon(windBearing)]]"></ha-icon> [[getWindDir(windBearing)]]<br>
-              <ha-icon icon="hass:weather-windy"></ha-icon> [[computeWind(weatherObj.attributes.wind_speed)]] [[ll('uSpeed')]]
+            <div class="attributes" on-click="_weatherAttr" hidden="[[chartOnly]]">
+              <div>
+                <ha-icon icon="hass:water-percent"></ha-icon> [[roundNumber(weatherObj.attributes.humidity)]] %<br>
+                <ha-icon icon="hass:gauge"></ha-icon> [[computePressure(weatherObj.attributes.pressure)]] [[ll('uPress')]]<br>
+                <ha-icon icon="hass:[[getWindDirIcon(windBearing)]]"></ha-icon> [[computeWind(weatherObj.attributes.wind_speed)]] [[getWindUnit()]]
+              </div>
             </div>
           </div>
+          <template is="dom-if" if="[[sunObj]]">
+            <div class="sun" hidden="[[chartOnly]]">
+              <div>
+                <ha-icon icon="mdi:weather-sunset-up"></ha-icon> [[computeTime(sunObj.attributes.next_rising)]]
+              </div>
+              <div>
+                <ha-icon icon="mdi:weather-sunset-down"></ha-icon> [[computeTime(sunObj.attributes.next_setting)]]
+              </div>
+            </div>
+          </template>
           <ha-chart-base data="[[ChartData]]"></ha-chart-base>
           <div class="conditions">
             <template is="dom-repeat" items="[[forecast]]">
@@ -168,6 +205,8 @@ class WeatherCardChart extends Polymer.Element {
       sunObj: Object,
       tempObj: Object,
       mode: String,
+      wind_unit: String,
+      chartOnly: Boolean,
       weatherObj: {
         type: Object,
         observer: 'dataChanged',
@@ -178,6 +217,7 @@ class WeatherCardChart extends Polymer.Element {
   constructor() {
     super();
     this.mode = 'daily';
+    this.windUnit = 'ms';
     this.weatherIcons = {
       'clear-night': 'hass:weather-night',
       'cloudy': 'hass:weather-cloudy',
@@ -207,7 +247,9 @@ class WeatherCardChart extends Polymer.Element {
     this.weatherObj = config.weather || config.entity;
     this.tempObj = config.temp;
     this.mode = config.mode;
+    this.windUnit = config.wind_unit || 'ms';
     this.pressure2mmhg = config.pressure2mmhg || false;
+    this.chartOnly = config.chart_only;
     if (!this.weatherObj) {
       throw new Error('Please define "weather" entity in the card config');
     }
@@ -248,7 +290,7 @@ class WeatherCardChart extends Polymer.Element {
       { hour:'2-digit', minute:'2-digit' }
     );
   }
-
+  
   computePressure(pressure) {
     var calcPressure = this.pressure2mmhg ? Math.round(pressure * 1000 / 1333)
         : Math.round(pressure);
@@ -256,8 +298,10 @@ class WeatherCardChart extends Polymer.Element {
   }
 
   computeWind(speed) {
-    var calcSpeed = Math.round(speed * 1000 / 3600);
-    return calcSpeed;
+    if (this.windUnit === 'ms')
+      return Math.round(speed * 1000 / 3600);
+    else
+      return speed;
   }
 
   getCardSize() {
@@ -268,6 +312,11 @@ class WeatherCardChart extends Polymer.Element {
     return this._hass.config.unit_system[unit] || '';
   }
 
+  getWindUnit()
+  {
+    return this.ll('uSpeed')[this.windUnit];
+  }
+
   getWeatherIcon(condition) {
     return this.weatherIcons[condition];
   }

From 2707ccfe22c0401f44f2ad090f3a37397521e23e Mon Sep 17 00:00:00 2001
From: Andrey Khrolenok <andrey@khrolenok.ru>
Date: Thu, 1 Oct 2020 17:45:58 +0300
Subject: [PATCH 4/8] Add missing speed units translations

---
 weather-card-chart.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/weather-card-chart.js b/weather-card-chart.js
index dff90f3..a9ca321 100644
--- a/weather-card-chart.js
+++ b/weather-card-chart.js
@@ -19,7 +19,10 @@ const locale = {
     tempLo: "Tiefsttemperatur",
     precip: "Niederschlag",
     uPress: "hPa",
-    uSpeed: "m/s",
+    uSpeed: {
+      "ms": "m/s",
+      "kmh": "km/h"
+    },
     uPrecip: "mm",
     cardinalDirections: [
       'N', 'N-NO', 'NO', 'O-NO', 'O', 'O-SO', 'SO', 'S-SO',
@@ -47,7 +50,10 @@ const locale = {
     tempLo: "Temperatura mínima",
     precip: "Precipitations",
     uPress: "hPa",
-    uSpeed: "m/s",
+    uSpeed: {
+      "ms": "m/s",
+      "kmh": "km/h"
+    },
     uPrecip: "mm",
     cardinalDirections: [
       'N', 'N-NE', 'NE', 'E-NE', 'E', 'E-SE', 'SE', 'S-SE',

From e30031a782adf7c33e1bea35abf14ecfa473b1ba Mon Sep 17 00:00:00 2001
From: Andrey Khrolenok <andrey@khrolenok.ru>
Date: Thu, 1 Oct 2020 18:01:46 +0300
Subject: [PATCH 5/8] Add new options description to README

---
 README.md | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 1749201..7ca0d01 100644
--- a/README.md
+++ b/README.md
@@ -21,10 +21,14 @@ Then you can add the card to the view:
 
 #### Configuration variables:
 
-| Name    | Optional | Description                                                                                        |
-| ------- | -------- | -------------------------------------------------------------------------------------------------- |
-| type    | **No**   | Should be `'custom:weather-card-chart'`                                                            |
-| title   | **No**   | Card title                                                                                         |
-| weather | **No**   | An entity_id with the `weather` domain                                                             |
-| temp    | Yes      | Entity_id of the temperature sensor. Show temperature value from sensor instead                    |
-| mode    | Yes      | Default value: `daily`. Set mode to `hourly` to display hours instead weekdays on the chart        |
+| Name     | Optional | Description                                                                                        |
+| -------- | -------- | -------------------------------------------------------------------------------------------------- |
+| type     | **No**   | Should be `'custom:weather-card-chart'`                                                            |
+| title    | Yes   | Default value: ``. Card title                                                                                         |
+| weather  | **No***   | An entity_id with the `weather` domain. Use only one: 'weather' or 'entity' option.                                                             |
+| entity  | **No***   | (For backward compatibility with Weather Forecast Card) An entity_id with the `weather` domain. Use only one: 'weather' or 'entity' option.                                                             |
+| temp     | Yes      | Entity_id of the temperature sensor. Show temperature value from sensor instead                    |
+| mode     | Yes      | Default value: `daily`. Set mode to `hourly` to display hours instead weekdays on the chart        |
+| wind_unit | Yes      | Default value: `ms`. Set wind_unit to `kmh` to display wind speed in km/h        |
+| pressure2mmhg | Yes      | Default value: False. Set pressure2mmhg to True to display pressure in mmHg        |
+| chart_only | Yes      | Default value: False. Set chart_only to True to display only temperature chart        |

From 75e6c1e9b5cd9fdc7666ae11426ac4eb10be94fa Mon Sep 17 00:00:00 2001
From: Andrey Khrolenok <andrey@khrolenok.ru>
Date: Sun, 16 May 2021 02:36:23 +0300
Subject: [PATCH 6/8] Add apparent temperature entity to show

---
 README.md             |  1 +
 weather-card-chart.js | 36 ++++++++++++++++++++++++++++--------
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 7ca0d01..c507723 100644
--- a/README.md
+++ b/README.md
@@ -28,6 +28,7 @@ Then you can add the card to the view:
 | weather  | **No***   | An entity_id with the `weather` domain. Use only one: 'weather' or 'entity' option.                                                             |
 | entity  | **No***   | (For backward compatibility with Weather Forecast Card) An entity_id with the `weather` domain. Use only one: 'weather' or 'entity' option.                                                             |
 | temp     | Yes      | Entity_id of the temperature sensor. Show temperature value from sensor instead                    |
+| temp_apparent | Yes      | Entity_id of the apparent temperature sensor                                                  |
 | mode     | Yes      | Default value: `daily`. Set mode to `hourly` to display hours instead weekdays on the chart        |
 | wind_unit | Yes      | Default value: `ms`. Set wind_unit to `kmh` to display wind speed in km/h        |
 | pressure2mmhg | Yes      | Default value: False. Set pressure2mmhg to True to display pressure in mmHg        |
diff --git a/weather-card-chart.js b/weather-card-chart.js
index a9ca321..15d2370 100644
--- a/weather-card-chart.js
+++ b/weather-card-chart.js
@@ -32,6 +32,7 @@ const locale = {
   en: {
     tempHi: "Temperature",
     tempLo: "Temperature night",
+    tempApp: "Feels like",
     precip: "Precipitations",
     uPress: "hPa",
     uPressMmHg: "mmHg",
@@ -93,6 +94,7 @@ const locale = {
   ru: {
     tempHi: "Температура",
     tempLo: "Температура ночью",
+    tempApp: "Ощущается как",
     precip: "Осадки",
     uPress: "гПа",
     uPressMmHg: "мм",
@@ -142,8 +144,6 @@ class WeatherCardChart extends Polymer.Element {
         .main {
           display: flex;
           align-items: center;
-          font-size: 60px;
-          font-weight: 350;
           margin-top: -10px;
         }
         .main ha-icon {
@@ -152,12 +152,22 @@ class WeatherCardChart extends Polymer.Element {
           --mdc-icon-size: 74px;
           margin-right: 20px;
         }
-        .main div {
-          cursor: pointer;
+        .main .temp-content {
           margin-top: -11px;
         }
         .main sup {
-          font-size: 32px;
+          font-size: 50%;
+        }
+        .main ha-icon, .main .temp {
+          font-size: 400%;
+          font-weight: 350;
+        }
+        .main .temp {
+          cursor: pointer;
+        }
+        .main .apparent {
+          cursor: pointer;
+          margin-top: 0.75em;
         }
         .attributes {
           cursor: pointer;
@@ -192,18 +202,22 @@ class WeatherCardChart extends Polymer.Element {
           <div class="content">
             <div class="main" hidden="[[chartOnly]]">
               <ha-icon icon="[[getWeatherIcon(weatherObj.state)]]"></ha-icon>
+              <div class="temp-content">
               <template is="dom-if" if="[[tempObj]]">
-                <div on-click="_tempAttr">[[roundNumber(tempObj.state)]]<sup>[[getUnit('temperature')]]</sup></div>
+                  <div class="temp" on-click="_tempAttr">[[roundNumber(tempObj.state)]]<sup>[[getUnit('temperature')]]</sup></div>
+                  <template is="dom-if" if="[[apparentObj]]"><div class="apparent" on-click="_apparentAttr">[[ll('tempApp')]] [[roundNumber(apparentObj.state)]]<sup>[[getUnit('temperature')]]</sup></div></template>
               </template>
               <template is="dom-if" if="[[!tempObj]]">
-                <div on-click="_weatherAttr">[[roundNumber(weatherObj.attributes.temperature)]]<sup>[[getUnit('temperature')]]</sup></div>
+                  <div class="temp" on-click="_weatherAttr">[[roundNumber(weatherObj.attributes.temperature)]]<sup>[[getUnit('temperature')]]</sup></div>
+                  <template is="dom-if" if="[[apparentObj]]"><div class="apparent" on-click="_apparentAttr">[[ll('tempApp')]] [[roundNumber(apparentObj.state)]]<sup>[[getUnit('temperature')]]</sup></div></template>
               </template>
+              </div>
             </div>
             <div class="attributes" on-click="_weatherAttr" hidden="[[chartOnly]]">
               <div>
                 <ha-icon icon="hass:water-percent"></ha-icon> [[roundNumber(weatherObj.attributes.humidity)]] %<br>
                 <ha-icon icon="hass:gauge"></ha-icon> [[computePressure(weatherObj.attributes.pressure)]] [[ll('uPress')]]<br>
-                <ha-icon icon="hass:[[getWindDirIcon(windBearing)]]"></ha-icon> [[computeWind(weatherObj.attributes.wind_speed)]] [[getWindUnit()]]
+                <ha-icon icon="[[getWindDirIcon(windBearing)]]"></ha-icon> [[computeWind(weatherObj.attributes.wind_speed)]] [[getWindUnit()]]
               </div>
             </div>
           </div>
@@ -277,6 +291,7 @@ class WeatherCardChart extends Polymer.Element {
     this.title = config.title || "";
     this.weatherObj = config.weather || config.entity;
     this.tempObj = config.temp;
+    this.apparentObj = config.temp_apparent;
     this.mode = config.mode;
     this.windUnit = config.wind_unit || 'ms';
     this.pressure2mmhg = config.pressure2mmhg || false;
@@ -293,6 +308,7 @@ class WeatherCardChart extends Polymer.Element {
         this.config.entity in hass.states ? hass.states[this.config.entity] : null;
     this.sunObj = 'sun.sun' in hass.states ? hass.states['sun.sun'] : null;
     this.tempObj = this.config.temp in hass.states ? hass.states[this.config.temp] : null;
+    this.apparentObj = this.config.temp_apparent in hass.states ? hass.states[this.config.temp_apparent] : null;
     this.forecast = this.weatherObj.attributes.forecast.slice(0,9);
     this.windBearing = this.weatherObj.attributes.wind_bearing;
   }
@@ -567,6 +583,10 @@ class WeatherCardChart extends Polymer.Element {
     this._fire('hass-more-info', { entityId: this.config.temp });
   }
 
+  _apparentAttr() {
+    this._fire('hass-more-info', { entityId: this.config.temp_apparent });
+  }
+
   _weatherAttr() {
     this._fire('hass-more-info', { entityId: this.config.weather || this.config.entity });
   }

From f74b0c439ba36c2336111fb1dc238f47e6ff5335 Mon Sep 17 00:00:00 2001
From: Andrey Khrolenok <andrey@khrolenok.ru>
Date: Sun, 16 May 2021 03:03:50 +0300
Subject: [PATCH 7/8] Add icon for unknown wind bearing

---
 weather-card-chart.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/weather-card-chart.js b/weather-card-chart.js
index 8a67fb4..d6dd8a5 100644
--- a/weather-card-chart.js
+++ b/weather-card-chart.js
@@ -379,6 +379,8 @@ class WeatherCardChart extends Polymer.Element {
   }
 
   getWindDirIcon(degree) {
+    if (degree == 'unknown')
+      return 'mdi:circle-small';
     return this.cardinalDirectionsIcon[parseInt((degree + 22.5) / 45.0)];
   }
 

From 88310820f8ef8d853982f6d6e94ba339090de325 Mon Sep 17 00:00:00 2001
From: Andrey Khrolenok <andrey@khrolenok.ru>
Date: Sun, 16 May 2021 03:24:16 +0300
Subject: [PATCH 8/8] Optimize margins

---
 weather-card-chart.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/weather-card-chart.js b/weather-card-chart.js
index d6dd8a5..7aef345 100644
--- a/weather-card-chart.js
+++ b/weather-card-chart.js
@@ -134,7 +134,7 @@ class WeatherCardChart extends Polymer.Element {
           color: var(--paper-item-icon-color);
         }
         .card {
-          padding: 0 18px 18px 18px;
+          padding: 0 10px 10px 10px;
         }
         .content {
           display: flex;
@@ -150,17 +150,14 @@ class WeatherCardChart extends Polymer.Element {
           --iron-icon-height: 74px;
           --iron-icon-width: 74px;
           --mdc-icon-size: 74px;
-          margin-right: 20px;
-        }
-        .main .temp-content {
-          margin-top: -11px;
+          margin-right: 10px;
         }
         .main sup {
           font-size: 50%;
         }
         .main ha-icon, .main .temp {
           font-size: 400%;
-          font-weight: 350;
+          font-weight: 300;
         }
         .main .temp {
           cursor: pointer;