0
133
ViewsCó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 answers
Answer question0
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
Report
Answer question