Doughnut Chart

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%

<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 {
8  components: {
9    ReportsDoughnutChart ,
10    },
11 };
12</script>

Contents