如何在不弹出工具提示的情况下捕获 HighCharts 中多边形上的点击事件

Question

我有一张图表

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

$(function () {
    $('#container').highcharts({
        series: [{
            type: 'polygon',
            data: [[153, 42], [149, 46], [166, 45]],
            color: '#ff0000',
            enableMouseTracking: true,
            events: {
                click: function(event) {
                    alert("I am clicked");
                }            
            }
        }]
    });
});

在图表中我有一个多边形。我需要捕获告诉我单击的多边形的客户端事件。我在这里有几个问题。

1) 如果 enableMouseTracking 为真，我无法让它触发事件，这给了我工具提示 2) 事件如果我接受工具提示，那么我似乎无法访问有关我从事件中单击的多边形的信息。

希望有人能解答

干杯

Answer 1

可以通过 event.currentTarget 访问多边形系列。示例：http://jsfiddle.net/ow72qjaw/

可以通过设置禁用工具提示：

tooltip: {
    enabled: false
}

可以通过使用适当的设置为系列禁用悬停效果：

states: {
    hover: {
        enabled: false
    }
}

如果您只想禁用所选系列的工具提示，您可以看到类似的主题：

Disable tooltip on certain points in Highcharts

Highcharts: Tooltip on a single series only

如何在不弹出工具提示的情况下捕获 HighCharts 中多边形上的点击事件

How do I catch a click event on a polygon in HighCharts without having the tooltip popping up

events

polygon

highcharts