highcharts - Highcharts 十字线可以显示在面积图顶部吗？

Question

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

Answer 1

更新:
Highcharts现在已经实现了the OP's feature request。现在，您可以在zIndex属性中指定tooltip。喜欢:

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。