Tengo este gráfico, pero configurar el mínimo y el máximo no funcionó. El eje y todavía tiene el valor más alto que el mismo en los datos. ¿Cómo puedo arreglar esto?

Este es el enlace de codesandbox: https://codesandbox.io/s/vibrant-dewdney-t01id?file=/src/App.js:0-1338

Estos son los codigos:

 import "./styles.css"; import { Bar } from "react-chartjs-2"; export default function App() { return ( <div className="App"> <Bar data={{ labels: ["F", "H", "N", "M"], datasets: [ { label: "1st Item", data: [10, 20, 50, 30], backgroundColor: ["rgba(255, 99, 132, 0.2)"], borderColor: ["rgba(255, 99, 132, 1)"], borderWidth: 1 }, { label: "2nd Item", data: [20, 10, 50, 60], backgroundColor: ["rgba(75, 192, 192, 0.2)"], borderColor: ["rgba(255, 159, 64, 1)"], borderWidth: 1 } ] }} height={400} width={600} options={{ maintainAspectRatio: false, title: { display: true, text: "vaccine", fontSize: 20 }, scales: { yAxes: [ { ticks: { beginAtZero: true, min: 0, max: 100, stepSize: 20 } } ] }, legend: { labels: { fontSize: 25 } } }} /> </div> ); }