HighChart type = area hover color change at several points

Question

I have a chart at Hover need to repaint the area as possible to implement?

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

It should look like this

http://joxi.ru/gmvRlljTB1VEma

Answer 1

Have you looked into crosshairs? http://api.highcharts.com/highcharts#xAxis.crosshair

I'm not sure if it does exactly the effect you are looking for, but it is pretty close:

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/