What is ProtoChart?

ProtoChart is a new opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries.

Features

• Line, bar, pie, curve, mix, and area charts available
• Multiple data series on same graph
• Highly customizable legend support
• Customizable grid, grid border, background
• Customizable axis-tick values (both x and y)
• Supports: IE6/7, FF2/3 and Safari
• Even works on an iPhone!

You can check out examples of using ProtoChart by exploring the left menu.

Bug Reports

You can submit all your bugs via our project site at: http://code.google.com/p/protochart/issues/list

Usage

ProtoChart aims to be highly customizable and easy to use library. Here is a quick tutorial on how to get started:

1. Download the needed JS files: All at once or individually: ProtoChart.js, Prototype (version 1.6+), and Excanvas
2. Add the JS libraries to your HTML page. You MUST include Prototype lib first and then add excanvas.js:

   <!--[if IE]>
   <script language="javascript" type="text/javascript" src="PATH/TO/excanvas.js">
   </script>
   <![endif]--> 
   					

3. Once all libraries are included you can follow our examples to see how you can create beautiful charts.

Why do I need excanvas?

Since IE6+ does not support Canvas tag by default we use this external library which makes our life easier. Its an open-source library as well.

I really like this library how can I help?

You can help by submitting bug reports, ideas on how to improve the library and submit your patches/enhancements so that everyone can benefit. You can also buy us coffee by donating via Paypal. Thanks!