我尝试使用zingchart创建响应式图表,但在初始渲染时图表的大小不正确。如果你调整窗口的大小,它确实可以正确调整大小。
重新创建它的步骤:
来自download the file的here。
用以下代码更改第148和149行:
height: "100%",
width: "100%"
打开一个新的浏览器窗口(在最新的chrome,windows上试用),将其大小调整为450或更小像素的宽度。
在该窗口中打开已编辑的文件。
图表的宽度为640px,即使其父div的大小正确。
我当然尝试过手动设置div的大小,或者设置宽度为100%,并将html和body的宽度设置为100%。
我做错了什么,还是图书馆的错?
答案 0 :(得分:3)
为了使图表正确调整大小,包含id的div必须同时具有100%的高度和宽度。如果其中任何一个丢失(我正在忽略高度),它的大小不合适。