jguage

by Jason Rose

HTML

<script src="http://vfootballbets.com/home/resources/js/justgage.1.0.1.min.js"></script>
<script src="http://justgage.com/examples/justgage.js"></script>
<script src="http://justgage.com/examples/raphael-2.1.4.min.js"></script>
<div id="g1" class="gauge" ></div>

CSS

#g1 {

  width: 300px;

}

/* Title */

#g1 text:nth-child(6) tspan {
  font-size:2em !important;
}


/* Value */


/* Label */
#g1 path {
  border-bottom 1px solid red;
}
#g1 text:nth-child(8) tspan,
#g1 text:nth-child(9) tspan
{
  color: red !important;
  fffffont-size: 12px !important;
}

JavaScript

var g1 = new JustGage({
        id: 'g1',
        value: 45,
        min: 0,
        max: 50,
        levelColors: ['blue'],
        
        
  
  width: 300,
  height: 200,
  relativeGaugeSize: true,
            
            
        pointer: true,
        pointerOptions: {
          toplength: -15,
          bottomlength: 10,
          bottomwidth: 12,
          color: '#8e8e93',
          stroke: '#ffffff',
          stroke_width: 2,
          stroke_linecap: 'round'
        },
        
        
        gaugeWidthScale: 0.6,
        counter: true,
      });