Read the statement by Michael Teeuw here.
gauge.js
-
Hello guys, I’m trying to make working the gauge.js lib on my MM.
Nothing appears on the screen. No error in logs or the console.
Here is what I do, I just copied the content of the example available here.
getScripts: function() { return ["http://bernii.github.io/gauge.js/dist/gauge.min.js"]; }, getDom: function () { let wrapper = document.createElement("div"); // add a gauge let opts = { angle: 0.15, /// The span of the gauge arc lineWidth: 0.44, // The line thickness pointer: { length: 0.9, // Relative to gauge radius strokeWidth: 0.035 // The thickness }, colorStart: '#6FADCF', // Colors colorStop: '#8FC0DA', // just experiment with them strokeColor: '#E0E0E0' // to see which ones work best for you }; let target = document.createElement("canvas"); let gauge = new Gauge(target).setOptions(opts); // create sexy gauge! gauge.maxValue = 3000; // set max gauge value gauge.setMinValue(0); // set min value gauge.set(1250); // set actual value wrapper.appendChild(target); return wrapper; }
Any idea of what I’m missing here?
Thanks a lot !
-
@sispheor Another wnaker repo talking about “cool looking JavaScript gauge” without a single picture on the page.
-
@E3V3A demo pictures are on the first link I left.
But yes, the GitHub repo should also contains some. -
You may need a start!
start: function () { },
-
@Charley yes, I haven’t shown it but it’s present.
-
What is the code in your start.
I expect you don’t add the wrapper to the dom -
-
@sispheor Is everything invisible or just the gauge?
Do you see pressure or temperatures?
What is in your console.log fromconsole.log('adafruit_python_bpm.py results: %j', results[0]);
-
@Charley Yes the table is visible. Only the gauge doesn’t appear.
-
Okay I might have an idea
Change your createElement part to
let mycanvas = document.createElement("div"); mycanvas.id=("divcanvas") let target=document.getElementById("divcanvas")