Pautan dan butang Highcahrts dalam petua alat tidak berfungsi

Question

Saya cuba mencetuskan acara klik dari dalam petua alat. Saya meletakkan butang dengan acara klik di dalamnya tetapi ia tidak berfungsi. Saya juga cuba menambah pautan luaran di dalam petua alat. Ia tidak berfungsi juga. Saya boleh mendapatkan gaya elemen tetapi bukan acara klik yang dicetuskan.

Ini ialah konfigurasi petua alat

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

Ini yang saya cuba setakat ini: http://jsfiddle.net/kolliparavamsikrishna/eytroh53/

Answer 1

Atas sebab keselamatan, Highcharts menapis semua HTML yang ditambahkan melalui struktur pilihan carta secara lalai. onclick Atribut berpotensi berisiko dan oleh itu ditapis.

Untuk dapat menggunakan atribut onclick 属性，请将其添加到 allowedAttributes, tambahkannya pada jadual allowedAttributes:

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

---

Demo langsung: http://jsfiddle.net/BlackLabel/om32w81g/

Dokumen: https://www.highcharts. com/docs/carta-concepts/security

Rujukan API: https://api.highcharts.com/class-reference/Highcharts.AST#.allowedAttributes