MMM-forecast-io -- Localized up to the minute weather

[lavolp3]

@code999 @Fifin404

You can add the “C” by putting this into your custom.css

.MMM-forecast-io .bright:after {
  content: "C";
}

That adds a “C” after the content of every element with the class “bright”. Luckily the temperature seems to be the only one.

For the km/h, you would need to change the code of the main .js file, because wind is apparently calculated in m/s and you have to add the conversion factor 3.6 to convert to km/h.
It’s possible of course but you should then consider forking the whole module and/or create a PR for that.

[ChickenBeard]

Is it possible to have the precipitation graph ONLY? I enabled it (and disabled the general “Forecast”). But it seems like the graph doesn’t update. It will load the “current” graph and just stay there until I restart MM.

[lavolp3]

@ChickenBeard How did you disable the forecast? Via CSS or by commenting it out in the code?

[ChickenBeard]

@lavolp3 in ~/MagicMirror/config/config.js:

module: 'MMM-forecast-io',
                       disabled:false,
                       position: 'bottom_center',  // This can be any of the regions.
                       config: {
                               // See 'Configuration options' for more information.
                               apiKey: 'xxxxx', // Dark Sky API key.
                               // Only required if geolocation doesn't work:
                               latitude:   xxxx,
                               longitude: xxxx,
                               ***enablePrecipitationGraph: true,***
                               ***showForecast:false,***
                               precipitationGraphWidth: 325,
                               showWind: false,
                               showSunriseSunset: false,
                               ***alwaysShowPrecipitationGraph:true,***
                               
                       }

[lavolp3]

@ChickenBeard I can’t see why it wouldn’t update. showForecast only determines if the forecast div is added to the DOM. I have currently no idea.
Any error messages in the console?
Maybe try

debug: true

in the config?

[ChickenBeard]

@lavolp3 Will do! Which log does it write to?

[lavolp3]

@ChickenBeard usually this gives extended output to the server-side console in case of node_helper.js or to the browser console in case of the MMM-forecast-io.js.

[lavolp3]

For anyone interested:
I have played around with this module quite intensively, implemented the chartjs library and did a few other tweaks and it looks like this now on my mirror.

https://imgur.com/ZqJBGLp

https://imgur.com/JmxnJ3p

Most important changes:

• the graph now shows several things:
  – cloud cover in the background
  – day and night cycle through different colors
  – rain amount in the foreground
• temperature bars are colored according to temperature scale (currently only °C)
• rain amount instead of rain percentage for daily forecast

Anyone interested can try out my fork
https://github.com/lavolp3/MMM-forecast-io

If you install it, don’t forget to do a npm install in the module folder after cloning the module. The Readme has not yet been brought up to date.