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.

    covid bell curve line graph tracker

    Scheduled Pinned Locked Moved Solved Requests
    89 Posts 6 Posters 52.3k Views 8 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.
    • S Offline
      sdetweil
      last edited by

      I don’t use any special classes

                var c = document.createElement("div");   // < container for chart
                c.style.width = self.config.width + "px";
                c.style.height = self.config.height + "px";
                self.wrapper.appendChild(c);
      
                canvas = document.createElement("canvas");   // < --- chart itself
                canvas.id = "myChart" +self.ourID ;
                canvas.style.width = (self.config.width -10) + "px";
                canvas.style.height = self.config.height + "px";    
                canvas.style.backgroundColor=self.config.backgroundColor;
                c.appendChild(canvas);
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @rafaelcota i don’t see it, but maybe there is a weird character between width and 400

        so, take the space out, for both height and width

        width:400,
        height:800,
        

        how big is your screen?

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @rafaelcota great work!!..

          for grins, edits the MyCovid19.js

          line 168ish

                    if (!self.config.stacked)
                      c.style.display = 'inline-block';
          

          comment out those two lines…

          the prior module which I cloned had the ability to generate multiple charts at once,
          but how that got set in your instance I have no idea…

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          rafaelcotaR 1 Reply Last reply Reply Quote 0
          • rafaelcotaR Offline
            rafaelcota @sdetweil
            last edited by

            @sdetweil
            This is what I’ve done so far:

            I’ve deleted the spaces in height and width and numbers;
            I’ve disabled ALL other modules, so this one runs alone;
            I’ve commented out those two lines in MyCovid19.js

            And all still the same…

            It just gets the dimensions from wherever it gets them… so weird…

            S rafaelcotaR 2 Replies Last reply Reply Quote 0
            • S Offline
              sdetweil @rafaelcota
              last edited by

              @rafaelcota but now it shouldn’t have inline-block applied, in the elements view

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              rafaelcotaR 1 Reply Last reply Reply Quote 0
              • rafaelcotaR Offline
                rafaelcota @rafaelcota
                last edited by

                @rafaelcota BTW, my resolution is 1920 x 1080 in an RPI 4

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

                  @rafaelcota and I am running this particular test on a 1920x1080 ubuntu… but my pi4 is just behind me at 3840x2160

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • rafaelcotaR Offline
                    rafaelcota @sdetweil
                    last edited by

                    @sdetweil
                    It still there…
                    I’m sure you have better things to do than debug this with a user… I’m going to do a clean install, even if it does mean to use the brand new MM version (don’t have much installed, and have lots of time nowadays) and see what happens…

                    alt text

                    S A 2 Replies Last reply Reply Quote 0
                    • S Offline
                      sdetweil @rafaelcota
                      last edited by

                      @rafaelcota use my installer script
                      see here
                      https://github.com/sdetweil/MagicMirror_scripts

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      rafaelcotaR 1 Reply Last reply Reply Quote 0
                      • rafaelcotaR Offline
                        rafaelcota @sdetweil
                        last edited by

                        @sdetweil Thank you…

                        Used them… worked well.

                        Did a clean install, use my old config and same thing happened.
                        Change my config.js with original+MyCovid19 and ALL OK!

                        So, I changed the original config.js with my modules, one by one and ALL went OK.

                        So, I got curious, and then went to change the original config.js to my old one, module by module so I could find which one was interfering, and ALL went OK.

                        UNTIL, and this is really strange, when I change the address of localhost at the beginning, it went to the same problem again.

                        If I have address: “localhost”, ALL is OK
                        If I have address: “0.0.0.0”, then the problem appears again.

                        Any ideas?

                        Here’s my mirror working OK
                        alt text

                        S bheplerB 2 Replies Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 8
                        • 9
                        • 4 / 9
                        • 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