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。

Answer 2

十字准线有zIndex属性：

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

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

高地十字准线可以显示在面积图填充之上吗？

2 个答案: