6

ハイチャートのクロスヘアは、エリア チャートの下に隠れるのではなく、エリア チャートの上に表示できますか?
問題の例を次に示しますjsfiddle.net/hHjZb/1286/

4

2 に答える 2

10

更新:
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に変更します。

于 2011-05-29T10:27:24.070 に答える
1

zIndex十字線の属性があります。

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

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

于 2013-06-04T11:05:44.143 に答える