Pie and Donut charts

Make interactive pie charts using chart.js library using:

1) Simple short code

2) Elementor Widget Pie Chart

Shortcode Example-

1) [piechart id = ’23’ data = ‘20,40,30’ label = ‘apple,orange,grapes’ type = ‘polarArea’]

2) [piechart id = ’24’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘pie’]

3) [piechart id = ’25’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘doughnut’]

Features

    * 100% Responsive and interactive
* Use anywhere in post and pages.
* Write or Create simple short code.
    * Elementor Widget for live editing of charts
    * Using Open source chart.js Javascript Library
    * For multiple charts on same page, use unique id/chart id
    * Canvas based charts</li>
    * Shortcode requires 4 parameters. 1) id 2) data  3) label 4) type
    * "type" paratmeter can be either 1) pie 2) doughnut 3) polarArea

Screenshots

Categories