javascript - HighChart 类型 = 区域悬停颜色在多个点发生变化

Question

我有一个悬停的图表，需要尽可能重新绘制该区域来实现吗？

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

它应该看起来像这样

http://joxi.ru/gmvRlljTB1VEma

Answer 1

你研究过十字准线吗？ http://api.highcharts.com/highcharts#xAxis.crosshair

我不确定它是否完全达到您正在寻找的效果，但它非常接近:

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

https://jsfiddle.net/rn1t0uq3/2/