Tengo un gráfico Charts JS. Puedo hacer clic en el gráfico y mostrar información del gráfico que me gustaría ver así:
onClick: (evt, activeEls, chart) => { alert(chart.data.labels[activeEls[0].index]); },Mi script chartJS actualmente vive en el archivo html. Sin embargo, cuando intento mover esto a mi main.js, no funciona (es decir, la función no se ejecuta). Parece que no puedo entender por qué.
La configuración es así:
Principal.JS:
function show_info() { alert(chart.data.labels[activeEls[0].index]); }Y he cambiado esa sección chartJS en mi archivo HTML a:.
onClick: (evt, activeEls, chart) => { show_info(); },¿Cómo puedo configurarlo para que la función viva en mi archivo Main.js?
Creo que el chart variables es desconocido en el alcance de main.js Por lo tanto, deberá proporcionar la variable de chart a show_info de esta manera:
// main.js function show_info(my_object) { alert(my_object.data.labels[activeEls[0].index]); } // other file onClick: (evt, activeEls, chart) => { show_info(chart); },