2015-12-01 172 views
1

我試圖使用zingchart來創建響應式圖表,但是圖表在初始渲染時沒有正確調整大小。如果調整窗口大小,它的大小確實適當。Zingchart的尺寸不正確?

步驟來創建它:

heredownload the file

變化線148和149與:

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

打開一個新的瀏覽器窗口(試圖在最新鉻,窗),它調整爲450個或更少的像素的寬度。

在該窗口中打開編輯後的文件。

圖表的寬度爲640px,即使其父div的大小適當。

我已經嘗試過,手動設置div的大小,或100%寬度,HTML和身體的寬度爲100%。

我做錯了什麼,還是圖書館的錯?

+3

你的容器div有它的尺寸設置 - 寬度:100%和高度:100%? http://jsfiddle.net/7gkm9d6z/ –

+0

謝謝!找到了。 –

回答

3

爲了正確確定圖表的大小,包含id的div必須將高度和寬度都設置爲100%。如果缺少任何一個(我正在忽略身高),那麼它的尺寸不合適。

+0

更正,如果您檢查圖表呈現的DOM,ZingChart位於您指定的父容器內。 –