This is a plugin MooTools that generates charts from accessible data tables. So, you can take a simple, valid and accessible data table and it gets automatically converted to a pie chart. Simply add the script to the end of the body and it'll converts all the table with a class called 'toChart'. You can define the size and the colour within the attribute class of the table (like: class="toChart size700x300 color29b34f").
First you must to include the JS files in the head of your HTML document.
#HTML <script type="text/javascript" src="mootools.js"></script> <script type="text/javascript" src="table2chart.js"></script>
In your HTML source:
| Browser | Percent |
|---|---|
| MSIE | 20 |
| FireFox | 100 |
| Camino | 70 |
| Opera | 90 |
| Safari | 90 |
Add the script to the end of the body:
#JS
<script type="text/javascript">
new Table2Chart();
</script>
OR wait until dom is ready
#JS
<script type="text/javascript">
window.addEvent('domready',function(){
new Table2Chart();
});
</script>
Dependencies
MooTools Core 1.3
A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.
Found a bug in this plugin? Please report it this repository's Github Issues.
blog comments powered by Disqus