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 5.6k 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.
    • C Offline
      Charley Module Developer
      last edited by

      What is the code in your start.
      I expect you don’t add the wrapper to the dom

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

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        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 Offline
          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 Offline
            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 Offline
              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 Offline
                sispheor @Charley
                last edited by

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

                1 Reply Last reply Reply Quote 0
                • S Offline
                  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 Offline
                    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 Offline
                      sispheor @Charley
                      last edited by

                      @Charley yes it’s what I tried…

                      1 Reply Last reply Reply Quote 0
                      • S Offline
                        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
                        • 1
                        • 2
                        • 1 / 2
                        • 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