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.

    gauge.js

    Scheduled Pinned Locked Moved General Discussion
    16 Posts 3 Posters 8.7k Views 3 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
      sispheor @Charley
      last edited by

      @Charley here is the code
      https://github.com/Sispheor/MMM-BMP-sensor/blob/dev/MMM-BMP-sensor.js

      1 Reply Last reply
      Reply Quote 0
      • C
        Charley Module Developer
        last edited by Charley

        @sispheor Is everything invisible or just the gauge?
        Do you see pressure or temperatures?
        What is in your console.log from

        console.log('adafruit_python_bpm.py results: %j', results[0]);
        

        MMM-Bose-Soundtouch, MMM-Domoticz, MMM-crypto-portfolio, MMM-Fibaro, MMM-rain-forecast

        S 1 Reply Last reply
        Reply Quote 0
        • S
          sispheor @Charley
          last edited by

          @Charley Yes the table is visible. Only the gauge doesn’t appear.

          1 Reply Last reply
          Reply Quote 0
          • C
            Charley Module Developer
            last edited by Charley

            Okay I might have an idea

            Change your createElement part to

            let mycanvas = document.createElement("div");
            mycanvas.id=("divcanvas")
            let target=document.getElementById("divcanvas")
            
            

            MMM-Bose-Soundtouch, MMM-Domoticz, MMM-crypto-portfolio, MMM-Fibaro, MMM-rain-forecast

            S 2 Replies Last reply
            Reply Quote 0
            • S
              sispheor @Charley
              last edited by

              @Charley OK thanks, I’ll try this in a couple minutes.

              1 Reply Last reply
              Reply Quote 0
              • S
                sispheor @Charley
                last edited by sispheor

                @Charley Doesn’t work…

                Uncaught TypeError: Cannot read property 'getContext' of null
                
                1 Reply Last reply
                Reply Quote 0
                • C
                  Charley Module Developer
                  last edited by Charley

                  Maybe you could try this

                  let mycanvas = document.createElement("canvas");   // changed from div to canvas
                  mycanvas.id=("divcanvas")
                  let target=document.getElementById("divcanvas")
                  

                  I made a typo yesterday

                  MMM-Bose-Soundtouch, MMM-Domoticz, MMM-crypto-portfolio, MMM-Fibaro, MMM-rain-forecast

                  S 1 Reply Last reply
                  Reply Quote 0
                  • S
                    sispheor @Charley
                    last edited by

                    @Charley yes it’s what I tried…

                    1 Reply Last reply
                    Reply Quote 0
                    • S
                      sispheor
                      last edited by

                      I tried with another lib called canvas-gauges. It’s the same. The canvas doesn’t appear on the screen
                      0_1522616850740_invisible_canvas.png

                      I’m wondering if a parent CSS config or something like could be the reason.

                      1 Reply Last reply
                      Reply Quote 0
                      • S
                        sispheor
                        last edited by

                        It’s good it works!! For the last lib I just forgot to call the draw method.

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