Prototype.js – library for creating accessible charts & graphs from table elements using HTML 5 Canvas

2014-10-30 • Plugins • Views: 1279

Proto.Visualize allows for quick and easy creation of Pie, Line and Bar charts using tabular data on the page.This library is a conversion of the Visualize plugin for jQuery.

A chart can be created by making the following call:

var myChat = new Proto.Visualize(tableElement, type[, container]\[, options]);
  • tableElement (string|DOMElement) – This is a reference to the containing your data. This can be either the id of the table, or a direct DOMElement reference.
  • type (string) – Type of graph to be created. Available Options: bar, line, area, pie. If omitted, bar is assumed.
  • container (string|DOMElement) – Optional container element for the graph to be created in. If this is omitted, a new container is created immediately after the table element. This can be either the id of the table, or a direct DOMElement reference.
  • options (object) – Optional object containing the options for the display of the graph.
 

Website

Demo

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Shares