Pie Graph

Copy and paste the following shortcode into your post or page.

<?php
echo 'Hello, world!';

<canvas id="skt_skills_myChart_1" style="width:100%;max-width:350px;height:350px; margin: 0 auto;"></canvas><script>
		        (function(){
		            const ctx = document.getElementById("skt_skills_myChart_1");
		            if(!ctx) return;
		            new Chart(ctx, {
		                type: "pie",
		                data: {
		                    labels: ["WordPress","JavaScript","PHP"],
		                    datasets: [{
		                        backgroundColor: ["#6adcfa","#fa6e6e","#336699"],
		                        data: [51,70,40]
		                    }]
		                },
		                options: {
		                    title: { display: false }
		                }
		            });
		        })();
		    </script>

[skillwrapper type="skt_piegraph"]

[skill percent="51" title="WordPress" piegraph_background="#6adcfa"]

[skill percent="70" title="JavaScript" piegraph_background="#fa6e6e"]

[skill percent="40" title="PHP" piegraph_background="#336699"]

[/skillwrapper]