Varun Katyal

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

<pre><code> * 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
</code></pre>

Pie and Donut charts

Make interactive pie charts using chart.js library using:

Extended widgets addon kit for Elementor for creating accordion post and radial gauge. Animated gauge using gauge.js library
Features

<pre><code> * 100% Responsive and interactive
* Use anywhere in post and pages
 * Elementor Widgets for live editing of gauge,accordion post
 * Using Open source gauge.js Javascript Library
 * For multiple gauge/charts on same page, use unique id/chart id
 * Canvas based charts
</code></pre>

Extended widgets addon kit for Elementor

Extended widgets addon kit for Elementor for creating accordion post and radial gauge. Animated gauge using gauge.js library

Pie and Donut charts vs Extended widgets addon kit for Elementor