我有多个 dygraphs 图,我想将它们分组在一个可折叠的 jQuery 小部件中,这样一个人只能显示一些图表组。可悲的是,这只有在可折叠的 div 在开始时展开时才有效,如果我开始折叠,展开后将不会绘制图形。
虽然不是真正的解决方案,但我可以从展开所有元素开始。但是,如果折叠一些图表并在其间切换页面,则会出现同样的问题。
这是一个jsFiddle这显示了问题 - 设置 data-collapsed="false"
将绘制图形。
最佳答案
您可以尝试调用 g.resize()
或 g.updateOptions()
当小部件展开时在所有图表上。这些应该是空操作,但它们的作用是强制 dygraphs 重新计算其容器的大小 <div>
,由于扩展小部件而发生了变化。
据我所知,除了调整窗口大小之外,没有其他方法可以从 JavaScript 判断 DOM 元素何时变为可见或以其他方式调整大小。这也会影响其他 JS 库。
关于javascript - Dygraph 未显示在折叠的 jQuery 移动可折叠小部件上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30756808/