Highcahrts-Links und Schaltflächen in Tooltips funktionieren nicht

Question

Ich versuche, ein Klickereignis aus einem Tooltip heraus auszulösen. Ich habe eine Schaltfläche mit einem Klickereignis eingefügt, aber es funktioniert nicht. Ich habe auch versucht, externe Links in den Tooltip einzufügen. Es funktioniert auch nicht. Ich kann den Stil des Elements abrufen, aber nicht das ausgelöste Klickereignis.

Dies ist die Tooltip-Konfiguration

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>'
    }
}

Das habe ich bisher versucht: http://jsfiddle.net/kolliparavamsikrishna/eytroh53/

Answer 1

出于安全原因，Highcharts 默认情况下会过滤通过图表选项结构添加的所有 HTML。 onclick 属性存在潜在风险，因此被过滤掉。

为了能够使用 onclick 属性，请将其添加到 allowedAttributes 表中：

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

---

现场演示： http://jsfiddle.net/BlackLabel/om32w81g/

文档： https://www.highcharts。 com/docs/chart-concepts/security

API 参考： https:// api.highcharts.com/class-reference/Highcharts.AST#.allowedAttributes