Donghnut Chart Without Info

Donghnut Chart With info

Use a canvas tag with an id="your-id" in a place where you want to generate the chart
Then create an ul with a class .chart-data and give it a attribute data-canvas="Your-id" to link with canvas.
Also use .d-none class with .chart-data if you dont want to show this info in your page.

Now for each data set you want to add on chart create a li , its takes 3 attributes [data-color] , [data-title] , [data-amount]
[data-color] take a hex , rgb , rgba color value. dont forget to add # with hex color.

LTR ModeWP

Landing Pages

Landing Pages Non Animate Version

Other Pages

Misc Pages NEW

Elements Pages

Blocks Pages