MMM-WeatherChart

[gshimself]

@paphko ¨Perfect! Will pull the latest version when I get home. I’ll get back to you during the evening.

[amanzimdwini]

I like it!
Request: can you add a SCALE factor? Right now the image is considerably larger than I can accommodate… (yes, minor problem, I know). Maybe I have to mess with the custom.css?

Anyway, apart from that small inconvenience, I like it.

[gshimself]

@paphko Seems to be working fine now. Thank you for your help!
I guess that if I want 30min refreshrate it should be 60 * 30 * 1000,?

[paphko]

@gshimself glad to hear that it’s fixed for you. Yes, because update interval must be specified in ms.

@amanzimdwini you could try to add a scale option, but I’m not sure how to properly implement it for both cases, with and without border. If you found a proper solution for it, tell me or create a pull request :-)

[racampbellky]

Great module! Is there anyway to present in Fahrenheit?

[paphko]

@racampbellky I don’t think so. But you may check the website of yr.no, maybe you find a setting to use Fahrenheit in that diagram: http://www.yr.no/place/United_States/New_York/New_York/hour_by_hour.html
If so, it should be possible.

[AxLed]

Hi,

i wanted to try the module today, but i dont work i get some error “del missing” or similar.
Could it be that there is the file package.json missing on the github link, as there are some depencies in node_helper.js

var http = require('http');
var fs = require('fs');
var del = require('del');
var request = require('request'); 
var NodeHelper = require("node_helper");

Greets AxLED

[AxLed]

Hi,

found a solution myself, there is a fork of this module: https://github.com/szech/mmm-weatherchart

Installation:
cd ~/MagicMirror/modules
git clone https://github.com/szech/mmm-weatherchart.git
cd mmm-weatherchart
npm install

Greets

AxLED

[Stellanova]

If you replace grayscale with hue-rotate(190deg) in the mmm-weatherchart.js. You get the colors partially back and still have whitelines.

if (this.config.negativeImage) {
img.style[“-webkit-filter”] = “invert(100%) hue-rotate(190deg)”;
}

[Vauxdvihl]

@Stellanova said in MMM-WeatherChart:

img.style[“-webkit-filter”] = “invert(100%) hue-rotate(190deg)”;

Hi,
is there a possibility to increase the size?
Thanks a lot
Regards

[broberg]

@Vauxdvihl

Yes, But it will get fuzzy since the original image is only 828 × 272 pixels in size.

increase by 25%

.MMM-WeaterChart img{
width: 1035px !important;
height: 340px !important;
}

(To be clear, this go in to the custom.css file, not changing the module files)

[Vauxdvihl]

@broberg
hmm
seems to me not working
Strange is also that the editor does not “hightlight” the functions

.mmm-weatherchart img{
width: 1035px;
height: 340px;
}

[broberg]

@Vauxdvihl the module name is case sensitive

So .mmm-weathermodule is not the same as .MMM-WeatherModule

And you might have to add !important after the height and width for it to override the height specified in the module.

[Vauxdvihl]

@broberg
Yes i know ;-)
Look …i though it would be the correct way

[broberg]

@Vauxdvihl

It is, nevermind the above post then.

but do try the !important addition, it is sometimes needed when the size is defined in the document and not in the css files.

[prototype0815]

I need help with mmm-weatherchart:

https://forum.magicmirror.builders/topic/12204/black-screen-when-insert-https-github-com-paphko-mmm-weatherchart/3

[sdetweil]

@prototype0815 I reqplied in your other topic with instructions to download my fixed repo that resolves both problems… black screen and no image shown

[Vauxdvihl]

Hi friends,
i have seen in the dev mode that the modules gets the png from color from
here:
www.yr.no/place/Germany/Bavaria/Pöcking/meteogram.png

Can i use it also in color in the mm?
Thanks a lot
Regards

[lavolp3]

@Vauxdvihl have you tried setting the option

negativeImage: false, // whether or not the default white image should be inverted

?

[Vauxdvihl]

@lavolp3
Works fine
Thanks a lot

One more question
Using the code :

> .mmm-weatherchart img{
> width: 1035px;
> height: 340px;
> }

in my custom css it only “zoomed in” the image itself.
But the area on the screen stay the same.
I want to make this img viewable over the hole screen.
Can please somebody help me?
Thanks a lot