Highchart Z-Index练习不起作用

Question

我有一个highcharts场景，其中我的外部PIE和内部PIE标签在少数情况下会重叠。

现在，我的要求是那个人

1. 可以点击PIE标签
2. 也可以点击Outer Pie。

现在的问题是，当有人点击OUTER PIE的重叠区域和其中一个标签时，即8％的区域，那么标签的点击事件将被解雇而不是超出外部PIE。

我尝试将Z-index提供给系列和标签，但没有帮助。

Answer 1

您可以在CSS中禁用dataLabels的事件：

.highcharts-data-labels {
  pointer-events: none;
}

并演示：http://jsfiddle.net/gdkazb9q/4/

@Gags的上述案例的完整解决方案：

events:{
  mouseover: function() { 
    $(".highcharts-data-labels").css("pointer-events","none") 
  },
  mouseout: function() { 
    $(".highcharts-data-labels").css("pointer-events","visibleStroke") }
  }
}