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

lavolp3

@code999 it’s in the MMM-forecast-io.js file.

You can either try to comment out (//) or delete line 397

forecastBar.appendChild(bar);

(only the bar)
or line 402

forecastBarWrapper.appendChild(forecastBar);

(with temps)

But why are you trying to delete it? It really doesn’t make sense to me and will look kind of ugly I guess.

code999

@lavolp3 @morozgrafix Thank you both. I like an even look and the bar IMO is unless. when there is a large difference in temp it looks ridiculous. I might add something between numbers to give it some space and cleaner look. I did it mainly for space. I have it on the right side with my calendar taking up most of the screen. Anyway thanks again.
0_1575301420462_79b125bf-5adb-4b86-85f4-71246bef148e-image.png

code999

@Fifin404 I would like this also. Did you get it to show?

Fifin404

@code999 NO, I use another module

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.