Les liens et boutons Highcahrts dans les info-bulles ne fonctionnent pas

Question

J'essaie de déclencher un événement de clic depuis une info-bulle. J'ai mis un bouton avec un événement click mais ça ne marche pas. J'ai également essayé d'ajouter des liens externes dans l'info-bulle. Cela ne fonctionne pas non plus. Je peux obtenir le style de l'élément mais pas l'événement de clic qui a été déclenché.

Voici la configuration de l'info-bulle

tooltip: {
    useHTML: true,
    style: {
      pointerEvents: 'auto'
    },
    formatter: function(e) {
        return '<div>'+this.x + ': ' + this.y +'<br><a href="www.google.com">Click Me</a><br><button onclick="clicked()" >Hello</button></div>'
    }
}

C'est ce que j'ai essayé jusqu'à présent : http://jsfiddle.net/kolliparavamsikrishna/eytroh53/

Answer 1

Pour des raisons de sécurité, Highcharts filtre par défaut tout le HTML ajouté via la structure des options du graphique. onclick Les attributs sont potentiellement risqués et donc filtrés.

Pour pouvoir utiliser l'attribut onclick 属性，请将其添加到 allowedAttributes, ajoutez-le à la table allowedAttributes :

Highcharts.AST.allowedAttributes.push('onclick');

---

Démo en direct : http://jsfiddle.net/BlackLabel/om32w81g/

Documents : https://www.highcharts. com/docs/chart-concepts/security

Référence API : https://api.highcharts.com/class-reference/Highcharts.AST#.allowedAttributes