Highcharts未跟踪填充区域下的鼠标活动

Question

是否有任何方法可以保持其他区域覆盖的标记上的交互（当确实有填充颜色时）？

查看示例：http://jsfiddle.net/ozke/n4k57v5j/1/

$('#container').highcharts({
    chart: {
        type: 'area'
    },
    xAxis: {
        fill: '#F00',
        gridLineWidth: 1,
    },
    yAxis: {
        enabled: false,
        gridLineWidth: 0
    },
    series: [
        // Required JSON code?
        {
            data: [15,20,10,20,30]
        },{
            data: [10,15,20,15,20]
        },
    ]
});

当x=2时，蓝色区域中的标记/点不可能到达/悬停/交互。

在CSS中，等效的方法是在区域上使用pointer-events:none;（而不是边界或标记）。

这可能与SVG和/或事件传播有关。

Answer 1

经过一些研究，我发现有类似于pointer-events: none;的SVG（Highcharts使用）。除了SVG之外，还有一些选项，但在我的情况下，我需要的是pointer-events: visibleStroke;

解决方案是：

path { pointer-events: visibleStroke; }