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

[code999]

Hey all, anyone know how to get rid of the round bar in between the temps?

Thanks in advance.

[morozgrafix]

@code999 you can comment out this line forecastBar.appendChild(bar); but it will look kind of bad. Those bars are sort of a default look that you get from darksky/forecast UI.

[code999]

@morozgrafix what file do I edit? I can not find that line to comment it out. Thanks.

[morozgrafix]

@code999 it’s line 397 in MMM-fotecast-io.js https://github.com/dmcinnes/MMM-forecast-io/blob/77075e1c9011336f044d35f1c964fc93789a4201/MMM-forecast-io.js#L397

[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.

[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.