高图十字线可以显示在面积图顶部吗？

问题描述

| Highcharts的十字线可以显示在面积图的上方，而不是隐藏在下方吗？ 这是问题示例jsfiddle.net/hHjZb/1286/     

解决方法

更新： Highcharts现在已经实现了OP的功能请求。现在，您可以在

tooltip

属性中指定

zIndex

。喜欢：

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

在提出这个问题时，Highcharts并没有给我们提供解决方案。甚至CSS样式也无法更改打印顺序（可见性）。 考虑提出功能请求。 （更新：FR已制定并实施。） 同时，您可以调整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(),

并将“ 0”更改为22     ,十字线有一个“ 0”属性：

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

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