基本d3工具提示/样式 - 图形偏移

时间:2014-11-24 16:52:02

标签: css d3.js tooltip

我刚开始尝试使用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>

0 个答案:

没有答案