Tengo un gráfico de líneas dibujado con chart.js que muestra algunos datos. He agregado un elemento de eliminación dentro de la información sobre herramientas, pero no sé si es posible agregar una interacción, de modo que cuando hago clic en el elemento de eliminación, dentro de la información sobre herramientas, se ejecuta un código personalizado que elimina los datos de los datos. base.
const weight_graphOptions = { title: { text: 'Weight', display: true }, scales: { x: { type: 'time', time: { // Luxon format string tooltipFormat: 'dd-MM-yyyy' }, title: { display: true, text: 'Date' } }, y: { title: { display: true, text: 'kg' } } }, plugins: { tooltip: { events: ['click'], callbacks: { afterFooter: function (addDeleteButton) { return 'Delete' } } } } }¿Alguien sabe si puedo hacer esto sin crear mi propia información sobre herramientas personalizada?
No, esto no es posible con la información sobre herramientas proporcionada por defecto, primero no se quedará, así que cuando intentas pasar el cursor sobre la información sobre herramientas, ya no está allí. La segunda razón por la que no funcionará es porque chart.js no tiene ningún detector de eventos que escuche. hace clic/se desplaza sobre partes específicas de la información sobre herramientas o la información sobre herramientas en general.
Por lo tanto, deberá crear una información sobre herramientas html externa personalizada que se mantenga incluso mientras ya no se desplaza el punto de datos donde puede agregar un botón normal