jQuery Range Area Chart Example

This example demonstrates how to create a simple Range Area Chart using CanvasJS Chart plugin for jQuery. You can further customize these charts to enable features like Zooming, Panning, Exporting, etc. To know more about the available features please refer to our getting started section.

Basic Range Area Chart

Try it Yourself by Editing the Code below.


Once the chart has been rendered, you can get a reference to it by calling CanvasJSChart method on the DOM element without passing any parameter as shown below. Once you have the reference you can update the chart by changing its options.

var chart = $(".chartContainer").CanvasJSChart(); 
chart.options.title.text += ": Updated";

Please look into the reference section for all the supported options.

In order to provide better support,we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.