Plugin: JustGage, display value on Gauges

JustGage adalah plugin library JavaScript. JustGage digunakan untuk memaparkan sesuatu nilai di dalam bentuk tolok (gauges). JustGage boleh diperolehi di justgage.com.

JustGage menggunakan dua file javascript.

<script src="js/raphael-2.1.4.min.js"></script>
<script src="js/justgage.js"></script>

Contoh memaparkan gauges.

 g1 = new JustGage({
  id: "g1",
  title: "",
  label: "Temperature",
  symbol: " C",
  width: 500,
  height: 500,
  min: 0,
  max: 100,
  decimals: 0,
  gaugeWidthScale: 0.8,
  shadowOpacity: 0,
  shadowSize: 0,
  shadowVerticalOffset: 0,
  customSectors: [{
   color : "#00ff00",
   lo : 0,
   hi : 50
   },{
   color : "#ff0000",
   lo : 50,
   hi : 100
  }],
  labelFontColor: "#101010",
  labelFontFamily: "Georgia",
  valueFontColor: "#101010",
  valueFontFamily: "Georgia",
  hideMinMax: false,
  donut: false,
  pointer: true,
  counter: false,
  formatNumber: false,
  value: getRandomInt(0, 100)
 });

Contoh link yang memaparkan Gauges adalah http://shahrulnizam.com/web/justgage.php

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.