score:10

Accepted answer

update:
highcharts has now implemented the op's feature request. you can now specify the zindex in the tooltip property. like:

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


at the time of this question, highcharts did not give us a way to do that. not even css styles can change the plot order (visibility).
consider making a feature request. (update: the fr was made and implemented.)

meanwhile, you can tweak the highcharts source (in that example, it is highcharts.com/js/testing.js).

find this line in the source file:

attribs = {
    'stroke-width': crosshairsoptions[i].width || 1,
    stroke: crosshairsoptions[i].color || '#c0c0c0',
    zindex: 2
};

and change the zindex to 20.


then find this line in the source file:

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

and change the zindex to 22.

score:1

there is a zindex attribute for crosshairs:

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

http://jsfiddle.net/hhjzb/3711/


Related Query

More Query from same tag