An interactive 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 Bar from "<my_bar_chart_location>";
<MuiForms
name="myForm"
components={{
piechartbarchart: Bar
}}
schema={schema}
onSubmit={(formData) => {
// handle form submission
}}
/>;
Notes
BarChart used here is a custom component created using chartjs (opens in a new tab)