Este es el código que tengo para el gráfico de anillos. No soy capaz de hacer que responda. Intenté agregar hojas externas e incluso estilos en línea, pero nada funciona.

** Actualización ** Está funcionando ahora. Usé px en lugar de %, ahora está funcionando. Pero, si hay alguna solución eficiente alternativa, házmelo saber.

 import React from "react"; import { Doughnut } from "react-chartjs-2"; const data = { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [ { label: "# of Votes", data: [12, 19, 3, 5, 2, 3], backgroundColor: ["red", "blue", "yellow", "green", "purple", "orange"], borderColor: ["red", "blue", "yellow", "green", "purple", "orange"], borderWidth: 1, }, ], }; const DoughnutChart = () => ( <> <Doughnut data={data} options={{ maintainAspectRatio: false }} style={{ width: "250%", height: "150%" }} /> </> ); export default DoughnutChart;