Enhancement request: Gauge #103

dnschnur opened this Issue Sep 28, 2012 · 11 comments

2 participants

Flot member

Original author: clifford...@gmail.com (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: http://code.google.com/p/flot/issues/detail?id=24

Flot member

From olau%iol...@gtempaccount.com 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.

Flot member

From gbainao...@gmail.com 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?

Flot member

From gbainao...@gmail.com 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: #36; 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

Flot member

From roblom.h...@gmail.com on January 08, 2010 01:38:24

Any news on the project with gauge?
I'm running a weathersite at www.nordicweather.net 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.

Flot member

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


Flot member

From ayu...@gmail.com on August 09, 2010 18:53:36
bump :D

Flot member

From Auston.B...@gmail.com on May 04, 2011 22:51:19
secondary bump

Flot member

From josephev...@gmail.com on November 30, 2011 21:02:27

Flot member

From peter.be...@gmail.com 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: https://google-developers.appspot.com/chart/interactive/docs/gallery/gauge#Example

Flot member

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