Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 基本d3工具提示/样式-图形偏移_Css_D3.js_Tooltip - Fatal编程技术网

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

Css 基本d3工具提示/样式-图形偏移,css,d3.js,tooltip,Css,D3.js,Tooltip,我刚刚开始试验d3.js,并一直在尝试添加功能强大的工具提示。我应该注意到,在这次实验之前,我还从未使用过工具提示。我的印象是,这应该是一个相当简单的问题来回答: 当我将鼠标移到一个目标上时,我在图形上方放置工具提示的div的高度从0px变为显示文本或指定高度所需的空间。我的印象是,如果这个职位是相对的,那么这个部门实际上会移动。这是有问题的,因为每当显示工具提示时,它会按需要的高度向下推我的页面,这非常具有破坏性 您可以确切地看到这里发生了什么: 另外,我还想知道为什么把那个div放在我的图形

我刚刚开始试验d3.js,并一直在尝试添加功能强大的工具提示。我应该注意到,在这次实验之前,我还从未使用过工具提示。我的印象是,这应该是一个相当简单的问题来回答:

当我将鼠标移到一个目标上时,我在图形上方放置工具提示的div的高度从0px变为显示文本或指定高度所需的空间。我的印象是,如果这个职位是相对的,那么这个部门实际上会移动。这是有问题的,因为每当显示工具提示时,它会按需要的高度向下推我的页面,这非常具有破坏性

您可以确切地看到这里发生了什么:

另外,我还想知道为什么把那个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>

您可能想要绝对定位工具提示div,请参见。哦,谢谢。成功了。直到我把它变成相对的,它才移动,所以我想这就是我必须做的。谢谢