Сделать линейный график Chartkick квадратным

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


ruby-on-rails charts css google-visualization chartkick
person tetiross    schedule 08.05.2016    source источник
comment
для адаптивной диаграммы вам нужно будет прослушать событие изменения размера и соответствующим образом перерисовать диаграмму, вот рабочий пример JavaScript --› Изменение размера визуализации Google   -  person WhiteHat    schedule 09.05.2016

Ответы (1)


arrow_upward
0
arrow_downward

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

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

У меня есть еще одно предложение получить размер окна и настроить диаграмму с размером окна.

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

person Farhad    schedule 08.05.2016