У меня есть следующий проект, который я показываю на диаграмме. И недавно я реализовал экспорт pdf. Однако я хочу, чтобы эта кнопка была на вершине или ниже легенд. Я не мог этого понять.Кнопка перемещения внутри диаграммы
<div id="chart"></div>
<button class='export-pdf k-button'>Save as PDF</button>
Я создал несколько иное решение в комплект поставки. Я обернул свою диаграмму DIV в относительно позиционированного DIV:
#chart-container { position: relative; }
Тогда я даю кнопке абсолютному позиционирование, так что всегда будет абсолютно позиционирован относительно оберточного контейнера (а не окно).
Вот JSFiddle: http://jsfiddle.net/iamjpg/beg04nwf/
Успехов!
.k-button {
float: right;
margin-top: -45px;
position: relative;
}
Большое спасибо за отличный ответ. Я хотел бы знать, что, если у меня есть несколько сигналов, разве вы не думаете, что кнопка будет перекрываться с леганами? – casillas
Это правда. Вы могли бы решить это несколькими способами: тот, который я бы предложил, - это то, на что вы на 100% позитивны. В этом случае вместо использования свойства «top» для абсолютно позиционированной кнопки вы можете использовать «bottom» и дать ей «padding» (цитаты, потому что вы не будете использовать свойство дополнения). Вот еще одна скрипка: http://jsfiddle.net/iamjpg/4vv4nwrb/ - Таким образом, вы знаете, что кнопка всегда будет совпадать с нижней частью диаграммы. – iamjpg