• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.
  • S Offline
    sispheor @Charley
    last edited by Mar 29, 2018, 2:40 PM

    @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 Mar 29, 2018, 3:06 PM Mar 29, 2018, 3:03 PM

      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 Mar 29, 2018, 3:29 PM Reply Quote 0
      • S Offline
        sispheor @Charley
        last edited by Mar 29, 2018, 3:29 PM

        @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 Mar 29, 2018, 6:40 PM Mar 29, 2018, 6:39 PM

          @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 Mar 30, 2018, 1:26 PM Mar 30, 2018, 1:22 PM

            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 Mar 30, 2018, 1:47 PM Reply Quote 0
            • S Offline
              sispheor @Charley
              last edited by Mar 30, 2018, 1:47 PM

              @Charley yes it’s what I tried…

              1 Reply Last reply Reply Quote 0
              • S Offline
                sispheor
                last edited by Apr 1, 2018, 9:08 PM

                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 Offline
                  sispheor
                  last edited by Apr 1, 2018, 9:47 PM

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

                  1 Reply Last reply Reply Quote 0
                  • 1
                  • 2
                  • 2 / 2
                  2 / 2
                  • First post
                    13/16
                    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