This example demonstrates how to create a simple Doughnut/Donut Chart using CanvasJS Chart plugin for jQuery. To know more about the available features please refer to our getting started section.
Basic Doughnut / Donut Chart
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";
chart.render();
Please look into the reference section for all the supported options.
Comments 2
Server Side Technologies |
Front End Technologies |
Contact |
|
|---|---|---|---|
| ASP.NET MVC Charts | JavaScript Charts | FAQs | |
| PHP Charts | jQuery Charts | Sales Enquiries | |
| Spring MVC Charts | React Charts | Support Forum | |
| JSP Charts | Angular Charts | Careers | |
| JavaScript StockCharts | |||
Privacy Policy © fenopix
On clicking i want to open a new html page. Is there any ways to doing that?
You can use window.open() in click event handler to do the same. Here is a jsfiddle.