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

grantc66

@rak Had the original working OK, tried to npm install chart.js in the MM root :(

the npm install in the MMM-foecast.io directory fixed it. :)

looks great, good work.

thanks

barnosch

@rak
Nice work. i just installed it and adjusted for fitting my mirror.

Is it possible to shrink the height from the graph?
or is it calculated from the width (400px) to keep its aspect ratio?

rak

Should be easy do adapt. I can check if the height is currently fixed or exposed in the config.js.

barnosch

guess i found it in the

renderPrecipitationGraph: function ()

and

renderSVGPrecipitationGraph: function ()

both heights are calculated there.

var width = this.config.precipitationGraphWidth; 
var height = Math.round(width * 0.3); // 120 by default

Played around with the setting, but it did not change anything. Don’t get it currently… mabye you have an idea?

barnosch

seems not the correct place.
Even if comment out both lines with “height” it makes no difference…

dudej11

Hey! Although this thread is a bit old, I’m wondering if I can get some assistance. I have my DarkSky API key correct, however the console of my Mirror is telling me that it refreshed the access token because it had expired. I checked the API panel, and it did indeed show that the API had been called, so my API key is correct. However, the weather module never loaded. Any suggestions?

barnosch

Other moduls are showing?
Have you tried with the above example from idoodler?

Otherwise try to delete the folder again, pull it again and don’t forget to “npm install” in the just downloaded folder.

twosquirrels

@rak

Thanks for this fork! I like your sample screenshot. I cloned it and did npm install, but the sizing of all the colored elements are all way off. Any ideas?

Why is it showing 10 degrees all the way up through 70 when it really only needs to show 70 to 95?

The rain bars are too tiny, as are the temperature range bars. :disappointed_face:

0_1535556499508_CloudApp Annotation 2018-08-29 at 11.28.10 AM.png.png

rak

Hello,

because it meant to be for Grad Celcius and not Grad Fahrenheit. When ever will US go to a metric system ,-).

Fix is easy.

Search in modules/MMM-forecast-io/MMM-forecast-io.js for

id: 'temperature',
            position: 'left',
            ticks: {
              suggestedMin: 10,

and change suggestedMin to you choosing, like 70 … .

Enjoy.

For the bars. You need more space. Make the module wider, or reduce the font size (custom.css).

justindp2006

Been trying to use this module but the width is taking up almost the whole screen. I’m assuming size needs adjusted in the css file but I don’t know which is causing this. Ideas?

barnosch

you can maybe try the following.
Add to your custom.css

.MMM-forecast-io{
transform: scale(0.90, 0.90);
}

Code was not tested. the 0.90 stands for 90%
Maybe that works and is good enough for your needs

otherwise look for the css file within the module folder and play with the settings there

justindp2006

Thank you! So interesting tid-bit. It works on Browser View mode (IP:8080) but on the mirror itself, no changes. I also have trouble with another module. It shows on the Browser, but not at the mirror. It must be something with the Pi Zero image I’m using.

lavolp3

Guys, going through the thread, I see that a lot of good ideas were implemented in forks but not sent as PRs. I think it would be a good idea to have some of these included into the original. dmcinnes/MMM-forecast-io, since this is the one referenced in the original MagicMirror.

@dmcinnes what do you think?
Do you want this rep to be bloated up or do you want it to be kept mostly as it is and leave major changes to forks?

I would expect at least to have some of @morozgrafix very good ideas implemented as optional (sunset, precipitation probability).
Also @rak 's ideas look very very promising but I admit might be a bit much as changes for the master.

morozgrafix

@lavolp3 I haven’t pulled from master repo in a while and not sure if my changes are compatible at this point. I’m happy to clean it up, test it and submit a PR. Just let me know.

lavolp3

@morozgrafix Guess I’ll use the weekend to steal from all of you and build my perfect module. And learn stuff!
Might also send a few PRs then because I’m new to git and it really satisfies me :-D

morozgrafix

@lavolp3 One thing that I would suggest is to group your changes into relevant and smaller size chunks and submit separate PRs for those, instead of one massive PR. It’s easier for reviewers and for you in case you need to make changes based on comments. Cheers.

morozgrafix

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

Guys, going through the thread, I see that a lot of good ideas were implemented in forks but not sent as PRs. I think it would be a good idea to have some of these included into the original. dmcinnes/MMM-forecast-io, since this is the one referenced in the original MagicMirror.

@dmcinnes what do you think?
Do you want this rep to be bloated up or do you want it to be kept mostly as it is and leave major changes to forks?

I would expect at least to have some of @morozgrafix very good ideas implemented as optional (sunset, precipitation probability).
Also @rak 's ideas look very very promising but I admit might be a bit much as changes for the master.

I just submitted a PR for displaying Sunrise and Sunset times. https://github.com/dmcinnes/MMM-forecast-io/pull/22

~~I will try to find some time to improve wind forecast and get another PR submitted sometime this weekend.~~

I also just submitted a PR for wind speed and direction https://github.com/dmcinnes/MMM-forecast-io/pull/23

Precipitation probability forecast is also submitted as a PR: https://github.com/dmcinnes/MMM-forecast-io/pull/24

I also sneaked another PR that allows easy adjustments to forecast table look and feel: https://github.com/dmcinnes/MMM-forecast-io/pull/25

12wsx

what is the problem with my module? the problem is on monitor connected to raspberry pi Zero (using midori browser) where MagicMirror is installed.
My config:

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information how you can configurate this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
	address: "::", // Address to listen on, can be:
	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
	                      // - another specific IPv4/6 to listen on a specific interface
	                      // - "", "0.0.0.0", "::" to listen on any interface
	                      // Default, when address config is left out, is "localhost"
	port: 8080,
	ipWhitelist: [], // Set [] to allow all IP addresses
	                                                       // or add a specific IPv4 of 192.168.1.5 :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	language: "pl",
	timeFormat: 24,
	units: "metric",

	modules: [
		{
			module: "alert",
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "calendar",
			position: "top_left",
			config: {
				calendars: [
					{
						symbol: "calendar-check-o ",
						url: "https://calendar.google.com/xxxxxxxx"
					}
				]
			}
		},
		{
			module: "MMM-Solartemp",
			position: "bottom_left",
			header: "Solartemp",
			config: {
				baseURL: "http://xxxxxxxxxx",
				key: "xxxxxxxxx",
				group: "xxxxxx",
				}
		},
		{
    			module: 'MMM-Remote-Control'
    			// uncomment the following line to show the URL of the remote control on the mirror
    			// , position: 'bottom_left'
    			// you can hide this module afterwards from the remote control itself
		},
		{
				module: 'MMM-forecast-io',
    				position: 'top_right',  // This can be any of the regions.
    				config: {
      				// See 'Configuration options' for more information.
      				apiKey: 'xxxxxxx', // Dark Sky API key.
      				maxDaysForecast: 5,
				forecastTableFontSize: 'small',
				// Only required if geolocation doesn't work:
      				latitude:  xx.xxxx,
      				longitude: xx.xxxx
				
				}
		},

		]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

alt text

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.