可以在区域图顶部填充高光十字线吗？

Question

Highcharts的十字线能否显示在面积图顶部，而不是隐藏在面板下面？
这里的问题的一个例子jsfiddle.net/hHjZb/1286/

Answer 1

更新：
Highcharts目前已实现the OP's feature request。您现在可以在tooltip属性中指定zIndex。像：

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

---

在这个问题的时候，Highcharts没有给我们一个办法做到这一点。即使CSS样式也不能改变剧情顺序（可视性）。
考虑制作一个feature request。 （更新：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(), 

并将zIndex更改为22.

Answer 2

没有为十字线一zIndex属性：

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

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