Press "Enter" to skip to content

Canvas JS – Once and for all with jQuery

Sharing is caring!

CanvasJS is the preferable charting library for most of the developers (who can afford it). Because CanvasJS supports 30 different types of Charts and renders across devices including iPhone, iPad, Android, Mac & PCs. And, simply it is just awesome.

So, this little bit of snippet is for those, who like to know how to use it.


  • A little bit of jquery
  • A little bit of json knowledge.

Step 1: In head or footer section, add this script tag.

Add jQuery script tag too, as we will be using it.

Step 2: In your Body section, declare this.

Step 3: In your script section, paste this code.

That’s it.

You will have a nice looking chart like this.

Everything is awesome.