2015-12-01 2 views
1

Я пытаюсь использовать zingchart для создания гибких диаграмм, но диаграмма не имеет правильного размера при первоначальном рендеринге. Если вы измените размер окна, он будет правильно настроен.Zingchart не имеет размера правильно?

шаги, чтобы восстановить его:

download the file от here.

Изменение линий 148 и 149 с:

height: "100%", 
width: "100%" 

Открыть новое окно браузера (пробовал на последней хром, окна), изменить его размер в ширину 450 или меньше пикселей.

Открыть отредактированный файл в этом окне.

График будет иметь ширину 640 пикселей, даже если его родительский div будет правильно установлен.

Я попытался, конечно, установить размер div вручную или на 100% ширину, а html и ширину тела до 100%.

Я делаю что-то неправильно, или это ошибка библиотеки?

+3

У вашего контейнера div есть размеры: ширина: 100% и высота: 100%? http://jsfiddle.net/7gkm9d6z/ –

+0

Спасибо! Найди его. –

ответ

3

Для того, чтобы диаграмма была правильно определена, div, содержащий идентификатор, должен иметь как высоту, так и ширину до 100%. Если либо отсутствует (я был омминг высотой), он не получает размер должным образом.

+0

Правильно, если вы проверите DOM, где отображается диаграмма, ZingChart живет внутри указанного родительского контейнера. –

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