2015-06-16 2 views
3

Я использую js flot версии 0.8.3 с бутстрапом 3. Плагин resize работает отлично с гистограммой, но не с круговой диаграммой. Поблагодарите помощь.js flot 0.8.3 круговая диаграмма не изменяет размер

Я просто включил Jquery, ФЛОТ и размер плагинов, и обратил мой график, как это:

var plot = $.plot($("#placeholder"), data, options); 

Вот jsfiddle круговой диаграммы:

https://jsfiddle.net/w999qvo9/

ответ

0

Ваш контейнер div для круговой диаграммы имеет фиксированную ширину и высоту, поэтому он никогда не изменяется, использует относительные размеры (например, viewport units) и работает (see updated fiddle):

#placeholder{ 
    width: 95vw; 
    height: 95vh; 
} 
+0

спасибо, не знали о единицах просмотра. Тем не менее, он все еще не работает в ответном макете bootstrap. даже если у меня фиксированная ширина и высота, он работает на гистограмме. Есть идеи? – aiiwa

+0

Можете ли вы расширить свою скрипку с помощью макета самонастраивающегося бутстрапа? – Raidri

Смежные вопросы