https://github.com/thinkphp/table2chart

Generating charts from accessible data tables. Using this MooTools plugin 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 convert all tables with a class called 'toChart'. You can define the size and the colour.
https://github.com/thinkphp/table2chart

Last synced: 3 months ago
JSON representation

Generating charts from accessible data tables. Using this MooTools plugin 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 convert all tables with a class called 'toChart'. You can define the size and the colour.

• Host: GitHub
• URL: https://github.com/thinkphp/table2chart
• Owner: thinkphp
• Created: 2010-08-05T14:28:11.000Z (over 15 years ago)
• Default Branch: master
• Last Pushed: 2010-11-18T12:18:16.000Z (about 15 years ago)
• Last Synced: 2024-04-14T14:54:29.285Z (almost 2 years ago)
• Language: JavaScript
• Homepage: http://thinkphp.github.com/table2chart/
• Size: 109 KB
• Stars: 4
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
table2chart

=======================

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").

![Screenshot](http://farm5.static.flickr.com/4093/4863355714_95a08a2074_z.jpg)

How to use

----------

First you must to include the JS files in the head of your HTML document.

       

       #HTML

       

       

In your HTML source: 

       

         BrowserPercent

         

           MSIE20

           FireFox100

           Camino70

           Opera90

           Safari90

        

      

Add the script to the end of the body:

       #JS 

       

         new Table2Chart(); 

       

OR  wait until dom is ready

      #JS 

      

      window.addEvent('domready',function(){

         new Table2Chart();   

      });  

      

Dependencies

      MooTools Core 1.3