javascript - HighChart 类型 = 区域悬停在几个点的颜色变化

Question

我在 Hover 有一个图表需要尽可能重绘该区域来实现吗？

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/