Stack Overflow
Stack Overflow

Questions tagged [justgage]

JustGage is a JavaScript plugin for generating and animating gauges cleanly. It is based on Raphaël library for vector drawing, allowing it to be fully resolution independent and self-adjusting.

What is JustGage?

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independent and self-adjusting. It works in almost any browser: IE6+, Chrome, Firefox, Safari, Opera, Android, etc.

How do I use it?

  1. Include JustGage and Raphael scripts in your page.
  2. Create a div with id, width and height.
  3. Call justGage({id, value}).

This is the most basic setup. There's more nuts and bolts you can tinker with - check out their website to see cool stuff you can do by customizing setup parameters.

67 questions
7
votes
4 answers

How to show color by sector with JustGage

I am trying to get my gauges to show color by sector (i.e. on var g1 i would like green 0-10, orange 11-22 and red 23-34). There is an option to do it, but there are no clear instructions for noobs like me. Any help would be…
Jeremy
  • 327
  • 1
  • 7
  • 17
4
votes
1 answer

Create Bootstrap Popover content based on a javascript value

I'm using JustGage and Bootstrap and want to display some variable content in a Popover based on the value in the Javascript JustGage. For example, if the value in the gauge is between 0 - 50, they get "Try harder", if it's between 50 - 200, they…
Jona Turner
  • 43
  • 3
4
votes
2 answers

How to avoid top space and make full dimension in justgage?

Is there any option to avoid top space. Actually I am looking solution to show as full width and full height. demo http://jsfiddle.net/ugFmE/12/ var g = new JustGage({ id: "spedometer", title: "Monthly expense", value: 1986, min: 0, …
Mo.
  • 26,306
  • 36
  • 159
  • 225
4
votes
3 answers

how to include javascript libraries in my own script

I have written some functions in javascript and I've put them in a separate JS file (visualisations.js). The functions I've written use several other javascript libraries, at the moment these libraries are all included in my HTML page, so I have 7…
Stijn De Schutter
  • 237
  • 2
  • 3
  • 13
4
votes
1 answer

Update SVG using gagejs and rails

I'm experimenting with Raphael, SVG, and rails. I want the gage to dynamically update as a progress indicator of sorts as each task is crossed off via the completed button. Something like tasks completed/total task created. Attached is the view in…
computer_smile
  • 2,117
  • 2
  • 24
  • 42
3
votes
1 answer

Change value of gage dynamically

I am developing a fitness app in which i want to represent BMI through gage but didn't getting how to change the value of gage dynamically as well second problem is that when i am putting gage script on button click it giving me error "No element…
foxt7ot
  • 2,465
  • 1
  • 19
  • 30
2
votes
1 answer

Automatically refresh the value in Justgage

Machine Learning Data Dashboard