¿Se pueden ver los puntos de mira de los diagramas altos sobre el relleno del gráfico de área?

Question

¿Puede la cruz para Highcharts mostrar en la parte superior de la tabla de área en lugar de estar oculta debajo?
He aquí un ejemplo del problema jsfiddle.net/hHjZb/1286/

Answer 1

Actualización:
Highcharts ahora ha implementado the OP's feature request. Ahora puede especificar zIndex en la propiedad tooltip. Al igual que:

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

---

En el momento de esta pregunta, Highcharts no nos ha dado una manera de hacer eso. Ni siquiera los estilos CSS pueden cambiar el orden de la gráfica (visibilidad).
Considera hacer un feature request. (Actualización: el FR fue hecho e implementado.)

Mientras tanto, puede modificar la fuente de Highcharts (en ese ejemplo, es highcharts.com/js/testing.js).

Encuentre esta línea en el archivo de origen:

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

y cambiar el zIndex a 20.

A continuación, busque la siguiente línea en el archivo de origen:

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

y cambie el zIndex a 22.

Answer 2

No es un atributo de zIndex punto de mira:

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

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