0
139
VistasCómo agregar un evento de clic para graficar js
Hola, tengo una pregunta sobre los gráficos js. Ya he creado uno en la aplicación django y quiero generar una alerta de javascript haciendo clic en un punto determinado del gráfico. ¿Cómo puede la alerta obtener el valor del punto que elijo? Por ejemplo con el valor 92 como el que se muestra en la siguiente figura: 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Esto se puede hacer con un controlador onClick even de la siguiente manera:
onClick: (event, elements, chart) => { if (elements[0]) { const i = elements[0].index; alert(chart.data.labels[i] + ': ' + chart.data.datasets[0].data[i]); } }Eche un vistazo al código ejecutable a continuación y vea cómo funciona.
new Chart('myChart', { type: 'line', data: { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ label: '# of Votes', data: [65, 59, 80, 81, 56, 55, 40], borderColor: '#a00' }] }, options: { onClick: (event, elements, chart) => { if (elements[0]) { const i = elements[0].index; alert(chart.data.labels[i] + ': ' + chart.data.datasets[0].data[i]); } } } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js"></script> <canvas id="myChart" width="400" height="95"></canvas>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta