search

Tihauan / jsgauge

Automatically exported from code.google.com/p/jsgauge
0 stars 0 forks source link

Show values for the major ticks #10

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
The values are displayed only for the start and end of the interval. It may be 
helpful to show also some of the intermediate values (for example where the 
major ticks are placed).

Original issue reported on code.google.com by dragos.tihauan on 24 Jun 2011 at 8:14

GoogleCodeExporter commented 9 years ago 
It may be difficult to do this well without making the gauge look too "busy". 

Would it be at all intuitive to convey this data via tooltips, like how it is 
done on these bars (which, incidentally, work well with a touch interface): 
http://www.highcharts.com/

Original comment by justin.e...@gmail.com on 25 Jun 2011 at 4:11

GoogleCodeExporter commented 9 years ago 
Maybe using a color that blends well with the background will not make the 
gauge look too busy while still adding a bit of useful information.

Original comment by dragos.tihauan on 25 Jun 2011 at 11:43

GoogleCodeExporter commented 9 years ago 
Based on gauge.js 0.4.1, I made a change to support "show major ticks label" as 
attached. To disable the major tick label, just set the "majorTickLabel" to 
false in the options. The default is true.
ex. 
options = {
  value: 10,
  label: 'upd!',
  min: 100,
  max: 600,
  majorTicks: 6,
  minorTicks: 1, // small ticks inside each major tick
  majorTickLabel: false
};
periodicRand = new Gauge( document.getElementById( 'test_random_update' ), 
options);

Original comment by Chen.Ter...@gmail.com on 15 Nov 2011 at 8:17

Attachments:

GoogleCodeExporter commented 9 years ago 
Merged in Terry's changes: http://code.google.com/p/jsgauge/source/detail?r=68
I may have been wrong about the gauge being too busy. But if it becomes a 
problem we can add another option to tweak the label colors.

Original comment by justin.e...@gmail.com on 29 Mar 2012 at 2:37

GoogleCodeExporter commented 9 years ago 
Very nice indeed!  I have implemented.  See attached example.

It would be sweet to:
 - change location of the label, perhaps just below the base of the dial
 - allow for a unit of measure label (not enough room inside dial)

Original comment by KMALIT...@gmail.com on 11 Apr 2012 at 1:56

Attachments:

GoogleCodeExporter commented 9 years ago 
Your app looks great, thanks for sharing!

If you have a small unit of measure label, you might be able to get it to fit 
within the dial. Otherwise if it is a long string you may need to display it 
outside of the gauge. In any case, I was planning to close out this ticket. 
Would you like to create a new ticket for your suggestions?

Original comment by justin.e...@gmail.com on 16 Apr 2012 at 4:48