🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Jindicator is a jQuery plugin that makes it easy to draw a dynamic, highly customizable bar chart/indicator on an HTML5 canvas element.

Bar-chart

Documentation

Jindicator

Getting Started

In your web page:

<script src="jquery.js"></script> <script src="dist/JIndicator.min.js"></script> <script> $('#demo').JIndicator({     barValues: [, 20, 60,],     indicatorValue: 50 }); </script>

## Documentation

Examples

<html lang="zh-CN">     <head>         <meta charset="utf-8" />         <meta http-equiv="X-UA-Compatible" content="IE=edge" />         <meta name="viewport" content="width=device-width, initial-scale=1" />                  <script src="jquery.js"></script>         <script src="dist/JIndicator.min.js"></script>     </head>     <body>         <div id="demoCanvas"></div>         <p>sadsadas</p>      </body>     <script type="text/javascript">                  $('#demoCanvas').JIndicator({             //barColor: {             //    left: '#123456',             //    middle: '#e34222',             //    right: '#a9a233'             //},             barValues: [, 20, 60,]         });                  $('#demoCanvas').JIndicator({'indicatorValue': 120});             </script> </html>

Release History

(Nothing yet)


You May Also Like