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

[idoodler]

@12wsx Are you using some custom CSS?

[12wsx]

no i don’t use custom css. But one thing- when I connect to magic mirror from my
computer (win7 /firefox) everything is ok.

[idoodler]

@12wsx Did you try using Chromium as a browser? Midori may have a hard time rendering the page.

[henryluyu]

Hi this is this module in my config.js.
I simply put the “MMM-forecast-io-master” folder in /modules/default, I have also put my actual api key, latitude and longtitude values also in MMM-forecast-io.js. But no weather is showing, other modules working fine. Can anyone help please?

	{
                    module: 'MMM-forecast-io',
                    position: 'top_right',  
                    config: {
                           apiKey: 'MYAPIKEY',
                           latitude:   53.4839,
                           longitude:  -2.2446
                    }
            },

[Mykle1]

@henryluyu said in MMM-forecast-io -- Localized up to the minute weather:

I simply put the “MMM-forecast-io-master” folder in /modules/default

1. Folder name should just be MMM-forecast-io
2. Goes in modules folder, not the default folder

I have also put my actual api key, latitude and longtitude values also in MMM-forecast-io.js.

That is not recommended. Putting those in your config.js will suffice.

[Fifin404]

Hi, is possible add “C” in all temperatures? Like 21 °C
and for wind add “km/h” like 8 km/h

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