如何增加Highcharts中某个点的可点击区域，以便每当该点处于活动状态时＃39;可以记录点击次数吗？

Question

稍微复杂的问题，我道歉，但让我进一步解释。

使用Highcharts.js中的折线图，将鼠标移动到该点的区域会悬停在该点上并加载工具提示。我有一些点击事件操作正常，但我想修改它们，以便您可以点击＆＃39;当鼠标实际上没有超过它们但只是在范围内以悬停在该点上时的点。

我将如何做到这一点？

Answer 1

来自highcharts网站

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/chart/events-click/

chart: {
    events: {
        click: function (event) {
            var label = this.renderer.label(
                    'x: ' + Highcharts.numberFormat(event.xAxis[0].value, 2) + ', y: ' + Highcharts.numberFormat(event.yAxis[0].value, 2),
                    event.xAxis[0].axis.toPixels(event.xAxis[0].value),
                    event.yAxis[0].axis.toPixels(event.yAxis[0].value)
                )
                    .attr({
                        fill: Highcharts.getOptions().colors[0],
                        padding: 10,
                        r: 5,
                        zIndex: 8
                    })
                    .css({
                        color: '#FFFFFF'
                    })
                    .add();

            setTimeout(function () {
                label.fadeOut();
            }, 1000);
        }
    }
}