工具提示中的 Highcahrts 連結和按鈕不起作用

Question

我正在嘗試從工具提示內部觸發點擊事件。 我將帶有單擊事件的按鈕放置在其中，但它不起作用。 我還嘗試在工具提示內添加外部連結。它也不起作用。我能夠取得元素的樣式，但不能取得觸發的點擊事件。

這是工具提示設定

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

這是我迄今為止嘗試過的方法：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