Highcharts Areaspline - Highlight a column with a hover effect

Stuck with the problem of highlighting a column spline area. I did not find any solutions through Chartjs, and Highcharts did not help me either. I need to highlight the x-axis column, but before the graph curve. In my code I use Crosshair, but this is not quite what I need.

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
    }

My result:

Img01

And what I need:

Img02

Does anyone know how to achieve this?

+4
source share
1 answer

, , , , crosshair . -, crosshair, .

: http://jsfiddle.net/aft9esqr/

+3

All Articles