2

複数のチャートを配置すると、上のチャートのツールチップが他のチャートの背後に隠れます。

その方法に関するいくつかのヒントを見つけましたが、何も役に立ちませんでした。チャートの上にツールチップを表示する方法はありますか?

例はここにあります: http://jsfiddle.net/Zw3uM/

どうもありがとう！

4

3 に答える 3

0

この問題は、各ハイチャート コンテナーが独自のスタック コンテキストを持っているために発生します。これは、highcharts-container にposition: relativeとz-index: 0 (highcharts ライブラリによって動的に適用される css) の両方があるためです。

したがって、ツールチップの z-index は、その親ハイチャート コンテナーでのみ意味を持ちます。

これを修正するには、以下を使用して、highcharts-container の (z-index: 0) ルールをオーバーライドする必要があります。

.highcharts-container 
{ 
    z-index: auto !important;
    ...
}

このようにして、すべての hightcharts-container とその子が同じスタック コンテキストを共有し、Z インデックスが目的の効果を適用します。

ここで修正を確認できます: http://jsfiddle.net/w5bLo1cw/4/

于 2016-11-06T14:22:30.460 に答える
0

ツールチップ pisitioner を使用できます。

http://api.highcharts.com/highcharts#tooltip.positioner

于 2013-05-09T10:33:21.943 に答える