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

                                            @hogedir well it’s not my module, I just fixed a problem.

                                            if you can tell me more about the changes
                                            I’ve got a lot going on right now, maybe get a chance next week.

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            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
                                            • 3 / 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