just-gauge

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.

Usage no npm install needed!

<script type="module">
  import justGauge from 'https://cdn.skypack.dev/just-gauge';
</script>

README

JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.

Update log

September 20, 2016.

Fixing filter paths trying to fetch invalid URLs https://github.com/toorshia/justgage/issues/245

March 29, 2016.
  • refresh(val, max, config) - now you can include config object when calling refresh function to update any existing justGage parameter
March 25, 2016.
  • onAnimationEnd - callback function after gauge animation ends
February 3, 2016.
January 31, 2016.
January 27, 2016.
  • titlePosition - 'above' or 'below'
  • titleFontFamily - customize font-family for the title
  • valueFontFamily - customize font-family for the value
January 5, 2016.
November 10, 2015.
November 08, 2015.
August 19, 2015.
  • fixed shadow id issue (same ids were being generated)
February 16, 2014.
October 28, 2013.
  • use HTML5 'data' attributes of the DOM Element to render the gauge. (Note: data attributes override the constructor options, if present.)
April 18, 2013.
April 17, 2013.
April 01, 2013.
March 26, 2013.
March 23, 2013.
March 19, 2013.
February 26, 2013.
  • decimals - option to define/limit number of decimals when not using humanFriendly or customRenderer to display value
  • fixed a missing parameters bug when calling generateShadow() for IE < 9
December 31, 2012.
  • fixed text y-position for hidden divs - workaround for Raphael 'dy' bug - https://github.com/DmitryBaranovskiy/raphael/issues/491
  • 'show' parameters, like showMinMax are now 'hide' because I am lame developer - please update these in your setups
  • Min and Max labels are now auto-off when in donut mode
  • Start angle in donut mode is now 90
  • donutStartAngle - option to define start angle for donut
November 25, 2012.
  • Option to define custom rendering function for displayed value
November 19, 2012.
  • Fix for human friendly option when refreshing
  • Config.value is now updated after gauge refresh
November 13, 2012.
  • Donut display mode added
  • Option to hide value label
  • Option to enable responsive gauge size
  • Removed default title attribute
  • Option to accept min and max defined as string values
  • Option to configure value symbol
  • Fixed bad aspect ratio calculations
  • Option to configure minimum font size for all texts
  • Option to show shorthand big numbers (human friendly)