Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Enhancement request: Gauge #103

Open
dnschnur opened this Issue · 11 comments

2 participants

David Schnur radoeka
David Schnur
Owner

Original author: clifford...@gmail.com (January 27, 2008 03:49:46)

xml/swl charts have a companion product called gauge:

http://www.maani.us/gauge/

It would great if you guys could do that.

Original issue: http://code.google.com/p/flot/issues/detail?id=24

David Schnur
Owner

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.

David Schnur
Owner

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();
img.onload=function(){
   ctx.drawImage(img,0,0, canvas.height, canvas.width);
}
img.src=options.gauge.bgImage;
ctx.fillStyle = calcArrowColor
ctx.beginPath(); 
ctx.moveTo(centerTopAr1  , centerLeftAr1);
ctx.lineTo(centerTopAr2, centerLeftAr2);
ctx.lineTo(calcArrowTop, calcArrowLeft);
ctx.fill();

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
Gauge.

Attached is a background image for Gauge.

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

David Schnur
Owner

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: #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
Owner

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

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.

David Schnur
Owner

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?

Thanks!

David Schnur
Owner

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

David Schnur
Owner

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

David Schnur
Owner

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

David Schnur
Owner

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!

radoeka

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

David Schnur
Owner

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.