Estoy trabajando con chart.js versión 3.7.1. Quiero reemplazar las etiquetas del eje y después de desplazarlo. El evento Hover funciona bien y reconoce el eje y bastante bien, pero las etiquetas no reemplazan. Intenté usar el método update() de Chart API pero no funcionó.
También preparé un patio de recreo rápido donde coloqué un gráfico personalizado con este problema. https://stackblitz.com/editar/angular-ivy-x3sncg
Puede combinar su complemento afterEvent con una función ticks.callback como se muestra a continuación:
options: { scales: { y: { beginAtZero: true, ticks: { callback: value => value + (this.isHoveringYAxe ? '$' : '') } } } }, plugins: [{ id: 'customHover', afterEvent: (chart, args) => { const event = args.event; if (event.type == 'mousemove') { if (event.x < chart.scales.y.width && !this.isHoveringYAxe) { this.isHoveringYAxe = true; chart.update(); } else if (event.x >= chart.scales.y.width && this.isHoveringYAxe) { this.isHoveringYAxe = false; chart.update(); } } } ]Eche un vistazo a su StackBlitz modificado y vea cómo funciona.