Javascript 在图表中移动按钮

Javascript 在图表中移动按钮,javascript,html,css,kendo-ui,Javascript,Html,Css,Kendo Ui,我有以下项目,我在图表上显示信号。最近我实现了pdf导出。然而,我希望这个按钮是在上面或下面的图例。我想不出来 <div id="chart"></div> <button class='export-pdf k-button'>Save as PDF</button> 另存为PDF 我创建了一个与提供的稍有不同的解决方案。我将图表分区包装在相对定位的分区中: #chart-container { position: relative; }

我有以下项目,我在图表上显示信号。最近我实现了pdf导出。然而,我希望这个按钮是在上面或下面的图例。我想不出来

<div id="chart"></div>
<button class='export-pdf k-button'>Save as PDF</button>

另存为PDF


我创建了一个与提供的稍有不同的解决方案。我将图表分区包装在相对定位的分区中:

#chart-container { position: relative; }
然后我给出了按钮的绝对位置,因此它总是相对于包装容器(而不是窗口)绝对定位

下面是一个JSFIDLE:


祝你好运

非常感谢你的回答。我想知道如果我有几个信号,你不认为按钮会与legeneds重叠吗?没错。你可以用两种不同的方法来解决这个问题:我建议的一种方法是,你100%肯定会奏效的。在这种情况下,您可以使用“bottom”并给它一些“padding”(引号,因为您不使用padding属性),而不是使用绝对定位按钮的“top”属性。这是另一把小提琴:-这样你就知道按钮将始终与图表底部对齐。
#chart-container { position: relative; }