0

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,
    },
  };

enter image description here

labels = [criterion1,criterion2,criterion3]

values = [1,2,5]

Agustin R
  • 47
  • 6

0 Answers0