This time I will share jQuery Plugin and tutorial about jQuery Plugin To Convert Tabular Data Into Donut Charts – Chart.js, hope it will help you in programming stack.
Chart.js is a lightweight jQuery plugin used to render an HTML5 canvas based doughnut chart to present tabular data with chart legends and labels support.
Basic usage:
1. Include the latest version of jQuery library and the jQuery chart.js plugin on the html page.
2 |
< script src = "js/jquery.chart.js" ></ script > |
2. Call the plugin on the table element to render a basic doughnut chart.
1 |
$("table").donutChart() |
3. Available options to customize your doughnut chart.
1 |
$( "table" ).donutChart({ |
4 |
legendSizePadding: 0.05, |
Change log:
2016-06-08
- Changed default chart size
This awesome jQuery plugin is developed by akumagamo. For more Advanced Usages, please check the demo page or visit the official website.