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