React Radar Chart - Soft UI

The Radar Chart component helps you to simply create a beautiful radar 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.

Demo

// Soft UI Dashboard React examples import RadarChart from "examples/Charts/RadarChart";
Radar Chart

Props Information

NameTypeDefaultDescription
titlestring""Used to set a title for the chart.
descriptionnodestring""Used to set a description for the chart.
chart*objectUsed to set the chart data. It should be an object that contains the `labels` and `datasets` keys and these keys should be an array.
  • The `datasets` key is an array of objects with the following keys: `label`, `color`, `data` and `borderDash`. You can pass as many objects as you want for the datasets array.
Its a required prop.
Contents