javascript - 工具提示内的(Highcharts)按钮无法触发

Question

tooltip里面的按钮被点击时没有任何 Action ，甚至设置了onclick事件。下面是一个例子，

http://jsfiddle.net/emzmvth4/

tooltip: {
        useHTML: true,
        formatter: function() {
                return '<div>' + this.point.date
                + '<br\><span>$' + this.y 
                + '</span><br\><button onclick="testAlert()">test test test</button></div>';
        },
    },



function testAlert() {
        alert('test');
};

Answer 1

将工具提示的指针事件属性更改为'auto'。

  tooltip: {
        // pointFormat: '<div>{point.date}<br\>{point.air}<br\>${point.y}</div><button>test</button>',
    useHTML: true,
    formatter: function() {
            return '<div>'+this.point.date+'<br\>'+this.point.air+'<br\><span>$'+this.y+'</span><br\><a href="http://www.w3schools.com">testtesttest</a></div>';
    },
    style: {
      pointerEvents: 'auto'
    }
},

现场示例

http://jsfiddle.net/emzmvth4/1/