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.
    • 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 Offline
                    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
                                  • S Offline
                                    sdetweil @MajorC
                                    last edited by

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

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

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

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

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

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

                                        S 1 Reply Last reply Reply Quote 0
                                        • S Offline
                                          sdetweil @MajorC
                                          last edited by

                                          @majorc which version are you using.

                                          his is 5 years old

                                          I published a fork last year

                                          https://github.com/sdetweil/mmm-weatherchart

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          1 Reply Last reply Reply Quote 0
                                          • H Offline
                                            hogedir
                                            last edited by

                                            @sdetweil can you update the module, the URL in yr.no just changed. your module is excellent, i like it. just need a little update to work. thanks.

                                            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