MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-WeatherChart

    Scheduled Pinned Locked Moved Utilities
    42 Posts 16 Posters 33.0k Views 15 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • R Offline
      racampbellky
      last edited by

      Great module! Is there anyway to present in Fahrenheit?

      paphkoP 1 Reply Last reply Reply Quote 1
      • paphkoP Offline
        paphko @racampbellky
        last edited by

        @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.

        1 Reply Last reply Reply Quote 0
        • A Offline
          AxLed Module Developer
          last edited by

          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

          1 Reply Last reply Reply Quote 0
          • A Offline
            AxLed Module Developer
            last edited by

            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

            M 1 Reply Last reply Reply Quote 0
            • S Offline
              Stellanova
              last edited by

              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)”;
              }

              1 Reply Last reply Reply Quote 0
              • V Offline
                Vauxdvihl
                last edited by

                @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

                1 Reply Last reply Reply Quote 0
                • brobergB Offline
                  broberg Project Sponsor
                  last edited by

                  @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)

                  1 Reply Last reply Reply Quote 0
                  • V Offline
                    Vauxdvihl
                    last edited by

                    @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;
                    }
                    

                    0_1574449403301_4d768e6d-6e01-449f-b40f-a14661be7f96-grafik.png

                    brobergB 1 Reply Last reply Reply Quote 0
                    • brobergB Offline
                      broberg Project Sponsor @Vauxdvihl
                      last edited by

                      @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.

                      1 Reply Last reply Reply Quote 0
                      • V Offline
                        Vauxdvihl
                        last edited by

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

                        0_1574534798657_2a12f6fd-5946-4f6f-882d-506399174399-grafik.png

                        brobergB 1 Reply Last reply Reply Quote 0
                        • brobergB Offline
                          broberg Project Sponsor @Vauxdvihl
                          last edited by

                          @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.

                          1 Reply Last reply Reply Quote 0
                          • prototype0815P Offline
                            prototype0815
                            last edited by

                            I need help with mmm-weatherchart:

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

                            S 1 Reply Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @prototype0815
                              last edited by

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

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • V Offline
                                Vauxdvihl
                                last edited by

                                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

                                lavolp3L 1 Reply Last reply Reply Quote 0
                                • lavolp3L Offline
                                  lavolp3 Module Developer @Vauxdvihl
                                  last edited by

                                  @Vauxdvihl have you tried setting the option

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

                                  ?

                                  How to troubleshoot modules
                                  MMM-soccer v2, MMM-AVStock

                                  1 Reply Last reply Reply Quote 0
                                  • V Offline
                                    Vauxdvihl
                                    last edited by

                                    @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

                                    lavolp3L 1 Reply Last reply Reply Quote 0
                                    • lavolp3L Offline
                                      lavolp3 Module Developer @Vauxdvihl
                                      last edited by 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.

                                      How to troubleshoot modules
                                      MMM-soccer v2, MMM-AVStock

                                      1 Reply Last reply Reply Quote 0
                                      • V Offline
                                        Vauxdvihl
                                        last edited by

                                        @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

                                        1 Reply Last reply Reply Quote 0
                                        • M Offline
                                          MajorC Project Sponsor @AxLed
                                          last edited by

                                          @AxLed I find your fork very useful.

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

                                          Thanks

                                          1 Reply Last reply Reply Quote 0
                                          • M Offline
                                            MajorC Project Sponsor
                                            last edited by

                                            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?

                                            S 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 2 / 3
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy