HTML5 canvas charts examples and documentation
This is the canvas section of the RGraph documentation. There's plenty of information, examples and there's also an API reference.
A canvas definition
The chart to the right is an example of what can be achieved with it.
The set of canvas charts in RGraph are more established than the SVG versions because RGraph was originally a canvas only library.
Canvas is very fast as a result of it not doing anything for you - for example it has no problems playing video content - so RGraph provides a lot of click-handling for you in order to facilitate dynamic features (such as tooltips, adjusting, annotating, adjusting).
Examples of the charts that are available
See examples of the chart types that RGraph supports. The examples aren't the flashiest of charts but illustrate well the variety of chart types that RGraph can create.
Documentation and API references for the charts.
Read the RGraph documentation. There are API refences, feature examples and HOWTO guides. If you wish to do any other drawing on your chart the HTML5 canvas reference linked below can be a big help.
Demos of the canvas based charts that are available
Look through the demos of the canvas based charts. There are hundreds of demos that are available for your viewing pleasure and you'll hopefully find something that will help in the generation of your own charts.
An HTML5 canvas reference
Read an API reference for the HTML5 canvas tag. This will help you to get the most out of your charts and your usage of the canvas tag. Even if you don't use RGraph to generate charts then you can still use the canvas API reference to learn about the canvas API.