我有多个dygraphs图,我想在可折叠的jQuery小部件中进行分组,这样一个人只能显示一些图形组。遗憾的是,这只有在可折叠div在开始时展开时才有效,如果我开始折叠,则在展开后不会绘制图形。
虽然不是真正的解决方案,但我可以从扩展的所有元素开始。但是,如果折叠某些图形并在其间切换页面,则会出现同样的问题。
以下是显示问题的jsFiddle - 设置data-collapsed="false"
并绘制图表。
答案 0 :(得分:2)
当小部件展开时,您可以尝试在所有图表上调用g.resize()
或g.updateOptions()
。这些应该是no-ops,但它们的作用是强制dygraphs重新计算其容器<div>
的大小,该容器由于扩展的小部件而发生了变化。
据我所知,当DOM元素变得可见或以窗口调整大小以外的方式调整大小时,无法从JavaScript中判断。这也会影响其他JS库。