Canvas Support

How to use animated Pie Charts from the "Pie charts and skills" Shortcode

1 reply · opened Dec 19, 2017

VVal150Dec 19, 2017

Hello,
I'm trying to figure out how to do the same thing that I see on the shortcodes "PieChart and skills". I am able to make the Skills part work, but I can't have a static text inside a circle animation working.

I checked the .css , the .js but I don't know what I am missing.

Here's what I try to do (which is exactly what is on the document page and is working fine there):
<div class="rounded-skill nobottommargin skills-animated" data-color="#DD4B39" data-size="200" data-percent="70" data-width="3" data-speed="2500" style="width: 200px; height: 200px; line-height: 200px; opacity: 1;">Static Text<canvas height="200" width="200"></canvas></div>

Is there a specific .js and/or .css that must be added ?

Regards,

SSemicolon WebSTAFFDec 21, 2017

Hello,

According to the code you have posted above, it appears that you are trying to use the Codes from Inspect Element/Developer Console Feature of the Browser which is bad idea ;). Please make sure that you use the codes directly from the HTML Files. So for the Pie Charts, use the following code: 

Static Text

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard