javascript - Dygraph 未显示在折叠的 jQuery 移动可折叠小部件上

标签 javascript jquery jquery-mobile dygraphs

我有多个 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/

相关文章:

javascript - 在 React JSX 中使用 iframe 嵌入视频

jquery - 使用slideup、向下滑动下拉菜单的jquery效果

javascript - 加载后在 url 中使用 anchor 标记

javascript - 用于 slider 导航的光滑轮播箭头

css - jQuery Mobile 是否提供一种机制来扩展它的主题模型

javascript - Ionic 2 和 Firebase 无限滚动

javascript - 将错误消息从 php 发送到 ajax

javascript - 移动设备上的电话号码链接检测

jQuery Mobile - 如何为 slider 设置透明背景?

javascript - 如何使用一个不明确的指令呈现不同的指令