Rounded numbers about weather-card HOT 4 OPEN

If you want rounded numbers in the temperature you can change this in weather-card.js on line 168:

: stateObj.attributes.temperature}</span

to

: Math.round(stateObj.attributes.temperature)}</span

For Fahrenheit it seems to already round the numbers.

from weather-card.

At the moment I'm using Fahrenheit and it is displaying one digit after the decimal point for the forecast highs and lows. I was hoping for an option to display those rounded as well.

from weather-card.

Update: So I wrote my code to round the numbers correctly. Unfortunately, it seems that modifying the .js file on a card installed via HACS doesn't change anything. Instead, I had to uninstall the card from HACs and install it manually, and then modify lines 282 and 287.

<div class="highTemp">
  ${Math.round(daily.temperature)}${this.getUnit("temperature")}
...
<div class="lowTemp">
  ${Math.round(daily.templow)}${this.getUnit("temperature")}

from weather-card.

I ended up doing something similar, decimal precision isn't necessary for predicted temperatures.

Update: So I wrote my code to round the numbers correctly. Unfortunately, it seems that modifying the .js file on a card installed via HACS doesn't change anything.

For future reference, you don't need to go through the trouble of uninstalling if you want to edit the js file. Generally a gz file is used to save bandwidth when transferring the file to clients, which you can find in the same directory. You can either delete that or gzip your updated file and it will be picked up. gzip -kf weather-card.js

from weather-card.