javascript - Highcharts Areaspline - 突出显示悬停效果的列

Question

遇到区域样条突出显示列的问题。没有通过 Chartjs 找到任何解决方案，Highcharts 也没有帮助我。我需要突出显示 x 轴列，但直到图表曲线。在我的代码中，我使用了 Crosshair，但这并不是我所需要的。

xAxis: {
        allowDecimals:false,
        min: 1,
        max: 12,
        categories: ['', 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC', ''],
        labels: {
            y: -10,
            style: {
                color: '#66717c',
                fontSize: '13px'
            }
        },
        tickWidth: 0,
        lineColor: "#fff",
        crosshair: {
            width: 60,
            color: 'rgba(73,168,222,0.5)',
            zIndex: 5
        }
    },
    yAxis: {
        title: {
            text: ''
        },
        gridLineWidth: '0',
        visible: false
    }

我的结果:

我需要的是:

有人知道如何实现吗？

Answer 1

如果您要添加另一个系列，该系列将堆叠在具有百分比堆叠的真实系列之上，那么您可以使用该区域填充是部分透明的，并将 crosshair 放置在系列下。假系列应该用作覆盖您想要隐藏的部分 crosshair 的东西。

示例:http://jsfiddle.net/aft9esqr/