Javascript HighChart type=区域悬停颜色在多个点发生变化

我有一张悬停图，需要重新绘制该区域以尽可能实现吗

https://jsfiddle.net/rn1t0uq3/1/

应该是这样的

http://joxi.ru/gmvRlljTB1VEma

---

你看过十字准星了吗？

我不确定它是否确实达到了您所期望的效果，但它非常接近：

xAxis: {
    categories: ['17', '18', '19', '20', '21', '22', '23'],
    gridLineWidth: 1,
    min: 0,
    opposite: true,
    tickWidth: 0,
    crosshair: {
        width: 75,
        color: 'blue',
        zIndex: 0
    }
}

---

你看过十字准星了吗？

我不确定它是否确实达到了您所期望的效果，但它非常接近：

xAxis: {
    categories: ['17', '18', '19', '20', '21', '22', '23'],
    gridLineWidth: 1,
    min: 0,
    opposite: true,
    tickWidth: 0,
    crosshair: {
        width: 75,
        color: 'blue',
        zIndex: 0
    }
}

---

Thx答案是，十字线占据整个高度，高度限制在该示例中的正确位置，而不是悬停。。。使用Date，所以你需要在backogrund中放置矩形，或者在xAxis上只放置一行（如屏幕截图）？答案是，十字线占据整个高度，高度限制在该点上，而不是悬停。。。并且使用date，所以您需要在backogrund中放置矩形，或者在xAxis上仅放置一行（如在屏幕截图中）？