Vue Doughnut Chart - Argon

The Doughnut Charts components helps you to simply create a beautiful doughnut chart for displaying the data.


Reports Doughnut Chart

Consumption by room

471.3WATTS

Living Room
15%
Kitchen
20%
Attic
13%
Garage
32%
Basement
20%

Props Information

NameTypeDefaultDescription
idStringUsed to set the chart id.
titleStringUsed to set the chart title.
count*objectUsed to set the total count inside the chart. Its a required prop and has the following keys:
  1. number of type Number
  2. text of type string.
chart*objectUsed to set the chart data. It should be an object that contains the `labels` and `datasets` keys.
  1. The `labels` should be an array.
  2. The `datasets` should be an object with the following keys:
    1. `label` of type string.
    2. `data` of type array.
It is a required prop.
tooltipStringUsed to set the helper tooltip content of the chart.
Contents