solo quiero saber cómo crear un desglose con react-chartjs-2, o llamar a un modal. Soy brasileño, tal vez mi inglés no sea muy bueno. ¡Gracias!

Todo es solo para estudiar, no encontré nada al respecto en Internet, hice mis propias pruebas pero aún no tuve éxito, ¿algún consejo?

Aquí está mi código de prueba.

 import React, {useState} from "react"; import { Line } from "react-chartjs-2"; import Modal from "../Modal"; function Test() { const [isModalVisible, setIsModalVisible] = useState(false); function controlModal() { setIsModalVisible(!isModalVisible); console.log('lala'); } const data = { labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], datasets: [ { label: "First dataset", data: [33, 53, 85, 41, 44, 65], fill: true, backgroundColor: "rgba(75,192,192,0.2)", borderColor: "rgba(75,192,192,1)" }, { label: "Second dataset", data: [33, 25, 35, 51, 54, 76], fill: false, borderColor: "#742774" } ] }; return ( <div className="App"> <Line data={data} options={{ title: { display: true, text: 'Average Rainfall per month', fontSize: 20 }, legend: { display: true, position: 'right' }, responsive: true, onClick: function (event, element) { if (element.length > 0) { var ind = element[0].index; var stringNumber = element[0].datasetIndex; console.log(ind, stringNumber); //Call Modal here? } }, }} /> </div> ); } export default Test;