Can the crosshair on high charts show over the area charts?

Question

Can a crosshair for Highcharts appear on top of an area diagram instead of hiding under it?
Here is an example jsfiddle.net/hHjZb/1286/ problem

Answer 1

Update:
Highcharts now implements an OP function request . Now you can specify zIndexin the property tooltip. How:

tooltip: {
    crosshairs: [ {
        width: 1,
        color: 'lime',
        zIndex: 22
        }, {
        width: 1,
        color: 'lime',
        zIndex: 22
    } ]
},

---

During this question, Highcharts did not give us a way to do this. Even CSS styles cannot change the plot order (visibility).
Consider creating a function request . (Update: FR has been implemented and implemented.)

Highcharts ( highcharts.com/js/testing.js).

:

attribs = {
    'stroke-width': crosshairsOptions[i].width || 1,
    stroke: crosshairsOptions[i].color || '#C0C0C0',
    zIndex: 2
};

zIndex 20.

:

var group = renderer.g('tooltip')
    .attr({ zIndex: 8 })
    .add(),

zIndex 22.

Answer 2

zIndex :

tooltip: {
    crosshairs: [{
        width: 3,
        color: 'green',
        zIndex: 50
    }, {
        width: 3,
        color: 'green',
        zIndex: 50
    }]
},

http://jsfiddle.net/hHjZb/3711/