Mar 28, 2011

jQuery Google Charting easy charting plugin

The Google Chart functionality can easily be added to a division with appropriate default settings. Google Chart generates a chart as an image in response to a HTTP request with parameters defining the content and appearance. This plugin hides all of that behind a JavaScript interface.

Usage:

1. Include the jQuery library in the head section of your page.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
2. Download and include the jQuery Google Charting JavaScript in the head section of your page.
<script type="text/javascript" src="jquery.gchart.js"></script>
3. Alternately, you can use the packed version jquery.gchart.pack.js (18.1K vs 62.0K), or the minified version jquery.gchart.min.js (22.4K, 7.6K when zipped).
Connect the Google charting functionality to your divisions.
$(selector).gchart({series: [$.gchart.series([20, 50, 30])]});


VIEW DEMO
DOWNLOAD

No comments:

Post a Comment

Test post after a long time

i want to see the post