Canvas charts documentation and examples
This is the canvas section of the RGraph documentation. There's plenty of information, examples and there's also a canvas API reference.
A canvas definition
Canvas is a tag that was introduced in HTML5. It has a bitmap style drawing model which is utilised though a JavaScript API.
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).
-
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.