工具提示中的 Highcahrts 連結和按鈕不起作用
P粉418854048
P粉418854048 2024-04-04 22:01:46
0
1
1412

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

這是工具提示設定

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/

P粉418854048
P粉418854048

全部回覆(1)
P粉439804514

出於安全性原因,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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!