Масштабируйте графики pygal svg на веб-странице с помощью susy

Я пытаюсь разместить два файла svg рядом на веб-странице. Это я сделал, используя susy для создания промежутков, первый имеет ширину 2 столбца, второй - 10 столбцов. Я помещаю узкую гистограмму в первый пролет, а широкий линейный график — во второй пролет.

У меня возникла проблема с масштабированием графиков. они выглядят так: введите здесь описание изображения

Но я хочу, чтобы они выглядели примерно так: введите здесь описание изображения

Это файлы svg, сгенерированные с помощью pygal, и я получил второе изображение, задав размер в pygal, но это не элегантно и не работает при изменении размера экрана.

Как я могу заставить гистограмму svg масштабировать высоту без масштабирования ширины и делать это динамически в веб-браузере вместо того, чтобы вручную изменять размер в pygal? Я также не могу вручную редактировать файлы svg, так как они генерируются другой системой и часто обновляются.


person Rob    schedule 18.03.2016    source источник


Ответы (1)


Ваши графики должны загружаться в двух разных разделах, чтобы вы могли установить разные стили width для каждого, в зависимости от класса css на основе представления (например, классы на основе col в Twitter Bootstrap). Если вы загружаете динамические svg (без каких-либо настроек explicit_size в Pygal), вы должны иметь возможность обрабатывать окна разных размеров.

person lesingerouge    schedule 30.04.2016