在图表内移动按钮

时间:2015-04-28 00:37:48

标签: javascript html css kendo-ui

我有以下项目,我在图表上显示信号。最近我实施了pdf导出。但是我希望这个按钮位于图例的顶部或下方。我无法弄明白。

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

2 个答案:

答案 0 :(得分:2)

我为所提供的解决方案创建了一个稍微不同的解决方案。我把你的图表div包装在一个相对定位的div中:

#chart-container { position: relative; }

然后我给按钮绝对定位,所以它总是相对于包装容器(而不是窗口)绝对定位。

这是一个JSFiddle:http://jsfiddle.net/iamjpg/beg04nwf/

祝你好运!

答案 1 :(得分:1)

Try this code.

.k-button {
    float: right;
    margin-top: -45px;
    position: relative;
}