# RGraph: HTML5 canvas graph library based on the HTML5 canvas tag

Interactive javascript/HTML5 canvas graphs using the HTML5 canvas tag for all platforms
Download the stable version Download the beta version
Bookmark and share:
Note: Starting from preview 3, Internet Explorer 9 has canvas support.
An example of the line chart. This chart has zoom functionality enabled in area mode. Simply draw a rectangle around the area you wish to zoom in on. Once the zoom appears you can move it around with the left mouse button, move the canvas around within the zoom using the right mouse button and double click the zoom to expand it full size.
The bar chart has tooltips, along with a context menu. The context menu has options to zoom the canvas (in full canvas mode) and shows an example of the ModalDialog which is part of RGraph. The context menu shows one level of submenus.
The Rose chart is a less well known chart but can be very effective in showing information in some circumstances. This example shows tooltips and adjusting.

## Introduction to RGraph

RGraph is a HTML5 canvas graph library. It uses features that became available in HTML5 (specifically, the CANVAS tag) to produce a wide variety of graph types: bar chart, bi-polar chart (also known as an age frequency chart), donut chart, funnel chart, gantt chart, horizontal bar chart, LED display, line graph, meter, odometer, pie chart, progress bar, rose chart, scatter graph and traditional radar chart. RGraph is covered by the RGraph License.

Being Javascript, RGraph is ideal for use in Chrome extensions and Web Apps. You can download a sample extension here.

Full documentation »

## Contents

- Introduction to RGraph
- Benefits of HTML5 canvas graphs
- Examples & documentation
  Bar chart
  [examples] [documentation]
  Bi-polar chart
  [examples] [documentation]
  Donut chart
  [examples] [documentation]
  Funnel chart
  [examples] [documentation]
  Gantt chart
  [examples] [documentation]
  Horizontal Bar chart
  [examples] [documentation]
  Horizontal Progress bar
  [examples] [documentation]
  LED grid
  [examples] [documentation]
  Line chart
  [examples] [documentation]
  Meter
  [examples] [documentation]
  Odometer
  [examples] [documentation]
  Pie chart
  [examples] [documentation]
  Rose chart
  [examples] [documentation]
  Radial scatter chart
  [examples] [documentation]
  Scatter chart
  [examples] [documentation]
  Traditional radar chart
  [examples] [documentation]
  Vertical Progress bar
  [examples] [documentation]

### Features

- The DOMContentLoaded event
- Custom RGraph events
- Adjusting your graphs interactively
- Using tooltips
- Resizing your graphs
- Microsoft Internet Explorer support
- Asynchronous processing
- Zooming your graphs
- Annotating your graphs
- Combining charts
- Integrating RGraph with external libraries (ModalDialog)
- Animating your graphs
- A basic example
- Available CSS classes
- About canvas color definitions
- About context menus

### Implementation information

- Browser support
- Improving the performance of your graphs
- Implementing RGraph
- Suggested structure for RGraph
- Integration with server side scripting
- Common issues

### Other

- Miscellaneous documentation
  - Canvas fallback content and visually impaired users
  - Upper and lower limits for horizontal bars
  - Setting the canvas width and height
  - RGraph and older browsers
  - RGraph and Microsoft Internet Explorer
  - Debugging tips
  - Double click context menus
  - Adding your own event handlers
  - Carriage returns and newlines in labels
  - Why is the Traditional Radar chart so called?
  - Character set issues
  - How to identify an RGraph object
  - Static Y axis
  - Reducing white space
  - Shorthand for ingraph labels
  - DOM2 Event handlers
  - Known issues
- API documentation
- Support forum
- Download
- License (Licensing FAQs)

## Download

The latest download is below. It's a .zip file which you'll be able to download to your computer and open with Winzip (or equivalent). This is not a time limited demo or a branded trial - it's the full version.

The website is based on the beta version of RGraph. If you're only interested in the stable version of RGraph, you should download the stable archive and use that.

[Only available on http://www.rgraph.net]

## License

RGraph is covered by the RGraph license. A summary is that for commercial/business use there is a small one-time licensing fee to pay. For non-commercial purposes it's freely usable. There are some licensing FAQs that should help to answer any questions you might have. If you need one, you can get an invoice here.

If you have any questions about RGraph licensing, you can send your question to: licensing@rgraph.net. If your question is of a support nature though, please use the support forum.

Tweet about RGraph
RGraph on Twitter
A modal dialog

This is an example of the ModalDialog that comes as part of RGraph. More information on it can be found here.

Close
Login to admin area

Email: |
Password: |

Dismiss