Note Draw Chart

** http://www.highcharts.com/demo/column-rotated-labels
http://www.amcharts.com/javascript-charts/scrollable-and-zoomable-bubble-chart/ 


1. http://www.jscharts.com/examples
2. https://developers.google.com/chart/interactive/docs/gallery/piechart
3. https://developers.google.com/chart/interactive/docs/gallery/barchart
4. https://developers.google.com/chart/interactive/docs/gallery/bubblechart
5. https://developers.google.com/chart/interactive/docs/gallery/candlestickchart
6. https://developers.google.com/chart/interactive/docs/gallery/columnchart
7. https://developers.google.com/chart/interactive/docs/gallery/combochart
8. https://developers.google.com/chart/interactive/docs/gallery/gauge
9. https://developers.google.com/chart/interactive/docs/gallery/geochart
10. https://developers.google.com/chart/interactive/docs/gallery/linechart
11. https://developers.google.com/chart/interactive/docs/gallery/scatterchart
12. https://developers.google.com/chart/interactive/docs/gallery/steppedareachart
13. https://developers.google.com/chart/interactive/docs/gallery/table
14. https://developers.google.com/chart/interactive/docs/gallery/treemap
15. https://developers.google.com/chart/interactive/docs/gallery/areachart
16. http://analytics-api-samples.googlecode.com/svn/trunk/src/reporting/javascript/ez-ga-dash/docs/user-documentation.html

jQuery Sparklines - The tool draw chart

This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.

The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8, 9 & 10 as well as iOS and Android.
Each example displayed below takes just 1 line of HTML or javascript to generate.

Link to jQuery Sparklines http://omnipotent.net/jquery.sparkline/#s-about

Example :

<script type="text/javascript" src="jquery-1.7.2.js"></script> 
<script type="text/javascript" src="jquery.sparkline.js"></script> 

<p> Inline Sparkline: <span class="inlinesparkline">5,5,9,10</span>. </p> 

 <script type="text/javascript"> 
 $(function() {   
 $('.inlinesparkline').sparkline('html', {type: 'pie', barColor: 'red'} ); 
 }); </script> 

Pros
Easy to use
A jquery plugin (we are familiar with jQuery)
Free software
Run faster than google chart
Have variety of different charts

Cons
Border not smoothly rounded for pie chart
Cannot add SliceText  (only show Slice's value)
Limited customisation to tool-tip styling