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.