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
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