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

时间:2011-05-26 18:28:55

标签: highcharts

Highcharts的十字准线是否可以显示在区域图表的顶部而不是隐藏在它下面? 以下是问题jsfiddle.net/hHjZb/1286/

的示例

2 个答案:

答案 0 :(得分:9)

<强>更新
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。

答案 1 :(得分:1)

十字准线有zIndex属性:

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

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