我正试图使用zingchart来创建响应图表,但在初始渲染时,图表的大小没有正确调整。如果你调整窗口的大小,它确实会得到适当的大小。
重建步骤:
从这里下载文件。
将第148行和第149行更改为:
height: "100%",
width: "100%"
打开一个新的浏览器窗口(在最新的chrome、windows上试用),将其调整为450像素或更小的宽度。
在该窗口中打开编辑后的文件。
图表的宽度为640px,即使其父div的大小合适。
当然,我已经尝试过手动设置div的大小,或者设置为100%的宽度,html和body的宽度设置为100%。
是我做错了什么,还是图书馆的错?
为了使图表的大小正确,包含id的div的高度和宽度都必须达到100%。如果其中一个缺失(我忽略了高度),它的大小就不合适了。