highcharts - highcharts 十字准线可以显示在面积图填充的顶部吗？

Question

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

Answer 1

更新：
Highcharts 现在已经实现了 OP 的功能请求。您现在可以zIndex在tooltip属性中指定 。像：

tooltip: {
    crosshairs: [ {
        width: 1,
        color: 'lime',
        zIndex: 22
        }, {
        width: 1,
        color: 'lime',
        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(),

并将其更改zIndex为 22。

Answer 2

十字准线有一个zIndex属性：

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

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