工具提示中的 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