MMM-WeatherChart

[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

[lavolp3]

@Vauxdvihl that is most probably due to the region.
If you want the image to cover the whole screen give the module the position: “fullscreen_above” or position: “fullscreen_behind”. Or position: “top_bar” to not overlap with other modules.
Just an example.
Otherwise you would need to give the region more space to show the rest of the image.

[Vauxdvihl]

@lavolp3
ok
this is strange for me
using also modules like “iss live” or “rain map”
I put them in the Top_center and increase the “width and height” datas.
These modules then take there place on the screen (like adjusted to these datas width and heigt)
I will play a around…lets see
thanks

[MajorC]

@AxLed I find your fork very useful.

Can you tell me, how to use: rgba(0,0,0,0.06); as background-color?

Thanks

[MajorC]

Hi,

it looks like the MMM-WeatherChart works fine, but I get this messages:

loader.js:192 GET http://192.168.2.16:8080/modules/mmm-weatherchart/hashmap.js net::ERR_ABORTED 404 (Not Found)

loader.js:186 Error on loading script: modules/mmm-weatherchart/hashmap.js

web-loaders.js:87 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

Any idea how to solve this errors?

[sdetweil]

@majorc did u run npm install in the module folder after cloning the module?

[MajorC]

@sdetweil I was not sure, so I did it again.
But the error is still the same.

[MajorC]

@paphko do you have any idea what this error could be:

loader.js:201 GET http://192.168.2.16:8080/modules/mmm-weatherchart/hashmap.js net::ERR_ABORTED 404 (Not Found)

loader.js:195 Error on loading script: modules/mmm-weatherchart/hashmap.js

Thank you!