Doughnut Charts
The Doughnut Charts components helps you to simply create a beautiful doughnut chart for displaying the data.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Default Doughnut Chart
// Material Dashboard 2 React Examples
import DefaultDoughnutChart from "examples/Charts/DoughnutCharts/DefaultDoughnutChart";
Default Doughnut Chart
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| icon | { color: ["primary", "secondary", "info", "success", "warning", "error", "light", "dark"], component: node } | { color: "info", component: "" } | Used to set an icon for the chart. |
| title | string | "" | Used to set a title for the chart. |
| description | nodestring | "" | Used to set a description for the chart. |
| height | numberstring | 19.125rem | Used to set a height for the chart. |
| chart* | object | Used to set the chart data. It should be an object that contains the `labels` and `datasets` keys.
|