Doughnut Chart - Soft UI

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

Reports Doughnut Chart

Use the following example to create beautiful doughnut charts for your website:

Consumption by room

471.3WATTS

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

<template>
 <reports-doughnut-chart />
</template>

<script>
import ReportsDoughnutChart  from "@/examples/Charts/ReportsDoughnutChart.vue";
export default { components: { ReportsDoughnutChart , }, };
</script>

1<template>
2 <reports-doughnut-chart />
3</template>
4
5<script>
6import ReportsDoughnutChart  from "@/examples/Charts/ReportsDoughnutChart.vue";
7export default { components: { ReportsDoughnutChart , }, };
8</script>

Contents