Javascript Highchart Z指数实践不起作用

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

现在，我的要求就是那个人

可以单击饼图标签

也可以单击外部饼图

现在的问题是，当有人单击外部饼图的重叠区域和其中一个标签（即8%区域）时，标签的单击事件被触发，而不是在外部饼图的上方

---

我尝试为序列和标签提供Z索引，但没有任何帮助。

您可以在CSS中禁用

数据标签的事件：

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

和演示：

通过@Gags为上述情况提供完整解决方案：

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

请在JSFIDLE上重新创建问题。@PawełFus。。这对JSFIDLE来说非常困难，因为它是很长的js…创建JSFIDLE作为缩小的示例。。只需图表选项+虚拟单击事件。这样我们就可以得到复制的演示并对其进行处理/修复。@PawełFus。。这是JS小提琴。。。好的，所以内部饼图的标签和外部饼图重叠。谢谢你的演示。在我看来，这正是我所期望的。标签单击是切片饼图部分。我宁愿将标签移到更靠近连接切片的位置，否则会非常混乱。像这样：但是点击标签也是允许的。。。我无法永久禁用点击标签，我认为我们已接近解决方案。。我在mouseover上应用了上面的CSS，它起了作用，但如何删除指针事件none到mouseout上的CSS中再次单击请与您的解决方案共享，以便其他用户也可以使用：）我将解决方案用作
事件：{mouseover:function（）{$（“.highcharts数据标签”）.CSS（“指针事件”，“none”）}
然后
mouseout:function（）{$（“.highcharts数据标签”）.css（“指针事件”，“可视笔划”）}