2016-05-08 2 views
3

Мне нужна диаграммная диаграмма Chartkick, чтобы быть квадратной формой, независимо от размера экрана. Я знаю, что могу установить ширину и высоту напрямую, но если я ставлю 400x400, например, всегда будет такой размер, независимо от разрешения экрана. Но мне нужно, чтобы он был отзывчивым.Set Chartkick line chart будет квадратным

+0

для отзывчивой диаграммы, вам необходимо прослушивать событие изменения размера и перерисовать диаграмму соответственно, здесь является рабочим JavaScript Примера -> [Изменение размера визуализации Google] (http://stackoverflow.com/a/32523331/5090771) – WhiteHat

ответ

0

Для отзывчивости вы должны использовать отзывчивую таблицу стилей.

пример: http://www.w3schools.com/html/html_responsive.asp

Я другой предлагаю получить размер окна и настроить таблицу с размером окна.

$(document).ready(function(){ 
 
\t alert($(window).width()); 
 
    alert($(window).height()); 
 
});
<script src="//code.jquery.com/jquery-1.10.2.js"></script>

+0

@TeTiRoss, если мой ответ был полезен, потому что вы принимаете ответ или повышаете его, спасибо. – aghilpro