Estoy tratando de hacer un gráfico de barras usando react-chartjs-2. cada vez que ejecuto mi aplicación de reacción usando el siguiente código, solo muestra una página en negro. Qué estoy haciendo mal aquí. Aquí está mi código para Chart.js
import React,{Component} from "react"; import { Bar } from 'react-chartjs-2'; class Chart extends Component{ constructor(props){ super(props); this.state = { chartData:{ labels: ['Boston','Worcestor', 'Springfield','Lowell','Cambridge','New bedford'], datasets: [ { label: 'Population', data: [ 641712,147895,12479546,1457897,127955,98745 ], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)', 'rgba(255, 99, 131, 0.2)' ] } ] } } } render(){ return( <div className="chart"> <Bar data={this.state.chartData} options={{ maintainAspectRatio: false }} /> </div> ) } } export default Chart; 
Debe agregar esta línea a sus importaciones: import Chart from 'chart.js/auto';