gauge.js - Can't get to work

Question

I'm trying to implement http://bernii.github.com/gauge.js/ using the gauge.min.js not coffee. But for the life of me I cannot get this to even show. Could anyone give me the code to make this show up? Like write the html doc, then I can edit it and place in my work. please any help would be great. Bit of noob here. Thanks

If anyone could make the doc and link to it, would be great.

Answer 1

The element that you apply the Gauge effect on needs to be a canvas element, not a div.

See: http://jsfiddle.net/RctL3/1/

One has to admit that this is only mentioned in a subordinate clause in the docs:

The Gauge class handles drawing on canvas and starts the animation.

Answer 2

Change your <div id="foo"> into a <canvas id="foo"> and it will work just fine.