Sur ma carte avec Chart.js, j'ai une annotation créée avec l'annotation chartjs-plugin. Je voudrais que l'étiquette d'annotation soit visible en survolant la ligne. Mais je ne peux pas le faire fonctionner. J'ai le code suivant:Les événements d'annotation ne mettent pas à jour le graphique
//define ChartOneData
var ctx = document.getElementById("chart").getContext("2d");
var chartOne = new Chart(ctx, {
type: 'line',
data: chartOneData,
options: {
annotation: {
events: ["mouseenter", "mouseleave"],
annotations: [{
type: 'line',
mode: 'vertical',
scaleID: 'x-axis-0',
value: 1,
label: {
enabled: false,
content: "Text Label",
},
onMouseenter: function(e) {
var element = this;
element.options.label.enabled = true;
element.chartInstance.update();
},
onMouseleave: function(e) {
var element = this;
element.options.label.enabled = false;
element.chartInstance.update();
}]
}
}
}
}
Le feu des événements et changer l'attribut « permis » (visible dans le test de la console), mais le tableau et visuels, ne mettent pas à jour. En fait, je reçois l'erreur dans la console:
Unable to preventDefault inside passive event listener invocation.
dispatcher @ chartjs-plugin-annotation.js:261
Je ne comprends pas, quelqu'un peut-il aider?