Pie Chart - Soft UI

The Pie Chart component helps you to simply create a beautiful pie chart for displaying the data.


Demo

Props Information

NameTypeDefaultDescription
idstringchart-pieUsed to set an id for the chart.
heightstring, number200Used to set a height for the chart.
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.
Contents