Basics of Javascript and HTML.
CanvasJS is an easy to use HTML5 and Javascript Charting library. It runs across devices including iPhone, iPad, Android, Microsoft Surface, Desktops, etc. This allows you to create Rich Dashboards that work across devices without compromising on Maintainability or Functionality.
This Documentation is divided into following Five parts.
It talks about feature sets, performance, requirements and other things one should know before Getting Started with the Tutorial.
A step by step guide on how to create a Chart and Customize it. In each section a chart element or a concept is elaborated. In case you have anything to add to it, or ask a question, leave a comment at the bottom of the section.
Each Section Explains a Chart Type with a basic Example and then elaborate on it to explain customization options.
Lists all the chart options available.
More examples.
8 Comments
I have a strange problem. Some render on page load, but others don’t load until I’ve resized the window.
Do you know what might be wrong?
My code:
http://pastebin.com/agy5YYhC
This didn’t occur until I added the second CanvasJS rendering code.
Reproducible example:
http://jsfiddle.net/QwZuf/276/
And then if you resize the window (or bring up Chrome Dev Tools) the data will show.
Initially only last two charts are rendered. On window resize, chart updates its size according to its container element hence all charts are rendered.
So, you can fix the problem by rendering the chart as shown here.
Can i use angularJS with canvasJS ?
Yes CanvasJS can be used with angularJS. Here is a blog post you can refer to.
Can I ask a question please. I want to realise the function of showing horizontal and vertical dash line while moving mouse over the chart, is it possible? have skim through the docs, but couldn’t find it.
Thank you.
Steve
Steve,
You can realize the function of showing horizontal and vertical dash line while moving mouse over by using stripline. Here is an example.
Nice thank you :)