Reaccionar
Como puede ver el código JSX para el gráfico de barras, suponga que se muestra un gráfico de barras con valores de datos. Pero tampoco muestra ninguna salida o error.
JSX
import React from 'react' import { Bar } from 'react-chartjs-2'; export default function BarChart() { var data = { labels: ["Home", "Product", "Cart"], datasets: [ { label: ' ', data: [38, 75, 25], borderColor: ['rgb(82,134,163)'], backgroundColor: ['rgb(82,134,163)'], pointBackgroundColor: 'rgb(82,134,163)', pointBorderColor: 'rgb(82,134,163)' } ] } return ( <div> <Bar Data={data} height={400} width={600} options={{ maintainAspectRatio: false }} /> </div> ) }El accesorio para pasar los datos al componente Bar debe ser data en lugar de Data :
<Bar data={data} height={400} width={600} options={{ maintainAspectRatio: false }} />Como resultado, el componente se comportaba como si no recibiera ningún dato.