Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP


Enhancement request: Gauge #103

dnschnur opened this Issue · 11 comments

2 participants

David Schnur radoeka
David Schnur

Original author: (January 27, 2008 03:49:46)

xml/swl charts have a companion product called gauge:

It would great if you guys could do that.

Original issue:

David Schnur

From on July 04, 2009 17:40:26
Flot has been acquiring plugin abilities lately, so this is probably one step closer.
Not that I'm aware of anyone working on it. It's probably a fun little project, but
alas, Flot is full of those.

David Schnur

From on November 21, 2009 11:50:39
I think we can use a background image and then draw a triangle arrow on the
background image.
Such as

var img =new Image();
   ctx.drawImage(img,0,0, canvas.height, canvas.width);
ctx.fillStyle = calcArrowColor
ctx.moveTo(centerTopAr1  , centerLeftAr1);
ctx.lineTo(centerTopAr2, centerLeftAr2);
ctx.lineTo(calcArrowTop, calcArrowLeft);

Also the gauge should support update. But I think mouseHover can be ignored.

:). As pie plugin is mature and merged into the repository, let's make some effort on

Attached is a background image for Gauge.

Do you support drawing with background image instead of drawing it from scratch?

David Schnur

From on November 21, 2009 18:17:24
One html page with gauge.gif, I can get one gauge.
I will look into Flot design and look how to develop Flot Gauge plugin.

body { margin: 20px; font-family: arial,verdana,helvetica; background: #fff;} h1 { font-size: 140%; font-weight:normal; color: #036; border-bottom: 1px solid #ccc; } pre { float:left; display:block; background: rgb(238,238,238); border: 1px dashed #666; padding: 15px 20px; margin: 0 0 10px 0; }

A canvas moveto example

David Schnur

From on January 08, 2010 01:38:24

Any news on the project with gauge?
I'm running a weathersite at with realtime weatherdata and
should be interested in gauges. I'm sure there should be a lots of other wxsites what
should be interested too.

David Schnur

From on May 03, 2010 19:18:00
Has anyone completed the plugin for this or know where I can find one to modify?


David Schnur

From on August 09, 2010 18:53:36
bump :D

David Schnur

From on May 04, 2011 22:51:19
secondary bump

David Schnur

From on November 30, 2011 21:02:27

David Schnur

From on May 02, 2012 15:28:51
I'd also be quite happy if this could be implemented in flot. My workaround currently involves using a rather messy commercial solution that I'd love to get out of my project!


Any news on this issue? Next to the gallery in the initial enhancement request description, google has a nice one to show as well:

David Schnur

Creating a gauge plugin is pretty far down in priority; it will be several releases before we have time for this. But if someone wants to create a plugin - which really wouldn't be too hard - and the implementation is solid, I'd be happy to merge it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.