Flot Chart
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.
JS
In order to use this plugin on your page you will need to include the following script in the page.
<script src="plugins/flot/jquery.flot.min.js"></script>
<script src="plugins/flot/jquery.flot.time.min.js"></script>
<script src="plugins/flot/jquery.flot.symbol.min.js"></script>
<script src="plugins/flot/jquery.flot.resize.min.js"></script>
<script src="plugins/flot/jquery.flot.tooltip.min.js"></script>
<script src="plugins/flot/jquery.flot.pie.min.js"></script>
<script src="js/pages/float-chart.js"></script>
Bar Chart
<div id="flot1"> <svg></svg> </div>
Pie Chart
<div id="flot3"> <svg></svg> </div>