我刚开始尝试使用d3.js,并且一直在尝试添加正常运行的工具提示。我应该注意到,在此实验之前我还没有使用过工具提示。我的印象是,这应该是一个相当简单的问题来回答:
当我将鼠标悬停在我的一个目标上时,我放置工具提示的div(在我的图形上方)从0px的高度开始到显示文本(或指定的高度)所需的空间。我的印象是,如果这个位置是相对的,那么div就会有效地移动。这是有问题的,因为无论何时显示工具提示,它都会将我的页面按下它所需的高度,这非常具有破坏性。
您可以看到这里发生了什么:http://jsfiddle.net/76analytics/u6tnyqgc/14/
顺便说一句,我也想知道为什么把div放在我的图形下面就完全禁用了工具提示。
<title>D3 Graphic </title>
<body>
<div id="tooltip" class="hidden"></div>
<div class="container">
<h2>D3 Graphic </h2>
<div id="chart"></div>
</div>
</body>