Highcharts工具提示隐藏在其他图表的后面

问题描述

在放置多个图表时，来自上方图表的工具提示会隐藏在其他人的后面。

When putting multiple charts tooltips from upper charts are hidden behind others.

我发现了一些关于如何操作的提示，但没有任何帮助。
是否有任何将工具提示放在图表之上？

I found some tips on how to it but nothing helped.Is there anyway to keep tooltips on top of charts?

示例如下：

非常感谢！

推荐答案

是纯html：任何div元素后加载（意味着出现在html页面后）将始终在前面。

This is pure html : Any div element loaded after ( meaning appearing after on the html page) will always be in front.

为了获得第一个图表工具提示在前面第二种：首先加载第二个，并使用css中的绝对或相对位置在页面上设置其y位置：

In order to get the first chart tooltip be in front of the second : load the second in first and set its y position on the page using an absolute or relative position in css :

我已更改它们的顺序， container2 首先在html中：

I've change their order, putting the container2 in first in html:

<div id="container2" style="height: 200px"></div>
<div id="container1" style="height: 200px"></div>

然后将 container2 的位置设置为第一个（谢谢到顶部样式属性）：

Then set the position of container2 to be under the first one (thanks to the top style attribute) :

div[id="container2"] {
    position:absolute;
    top:200px;
}

结果如下：

这篇关于Highcharts工具提示隐藏在其他图表的后面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！