My Radar component hasnt ticks:{stepSize} property. Max is 5 and min is 1 but radar go up to 2. And I want it to jump one by one. more space between the triangles
i
nterface LineProps {
options: ChartOptions<"radar">;
data: ChartData<"radar">;
}
interface PropsComponent {
labels: string[];
data: number[];
}
interface PropsComponent {
labels: string[];
data: number[];
}
const Component = ({ labels, data }: PropsComponent) => {
const Props: LineProps = {
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: "top",
},
},
scales: {
ticks: {
beginAtZero: true,
max: 9,
min: 1,
},
},
},
data: {
datasets: [
{
label: "Datos",
data: data,
borderColor: "red",
backgroundColor: "red",
},
],
labels: labels,
},
};
labels = [criterion1,criterion2,criterion3]
values = [1,2,5]