javascript - 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; }