A custom score chart form
Schema
"root"}
:
{1 Items"fields"]
:
[8 Items[
…
]3 Items[
…
]3 Items[
…
]2 ItemsUsage
import MuiForms from "mui-forms";
import schema from "<schema_location.json>";
import Pie from "<my_pie_chart_location>";
import Bar from "<my_bar_chart_location>";
<MuiForms
name="myForm"
controls={{
piechart: <Pie />
}}
schema={schema}
onSubmit={(formData) => {
// handle form submission
}}
/>;
Note:
- Following charting library is used here: https://react-chartjs-2.js.org/examples/pie-chart (opens in a new tab)