Estoy trabajando con el gráfico de barras chartJS. Quiero detectar la ubicación del clic. ¿Cómo puedo detectar si se hizo clic en el gráfico en la barra o fuera de la región de la barra en chartJS?
const waterFChart = new Chart(canvasRef.current, { plugins: [ChartDataLabels], type: "bar", data: { labels: ["Label 1", "Label 2", "Label 3", "Label 4", "Label 5"], datasets: [ { label: 'Failures', type: "bar", data: [10, 20, 30, 41, 51], backgroundColor:"green", hoverBackgroundColor: darkBar, } ] } options:{ onClick: function (e) { if(clicked on bar){ {alert("Clicked on bar") } else { alert("Clicked outside of the bar"); } }, );Obtiene una matriz que contiene todos los elementos activos como segundo argumento, por lo que si esta matriz tiene una longitud de 0, no se ha hecho clic en ninguna barra y si tiene una longitud mayor que 0, se ha hecho clic en una barra:
options: { onClick: function (evt, activeEls) { if (activeEls.length === 0) { alert("clicked outside of bar"); } else { alert("clicked on bar"); } } }