jquery - 未捕获绘图尺寸无效,图表 api 的宽度 = null,高度 = null

标签 jquery jquery-ui-tabs flot

我正在使用流程图 API 来显示图表,并且我成功地绘制了数据。 我在一页中加载大约 30 个图表,并在 ui-tabs 中渲染它们。所有图表都完美渲染,页面工作正常。但我仍然收到此错误。 我对所有图表使用了不同的 div id,为所有 div 指定了高度和宽度。从昨天开始我就找不到解决方案。我已经在中央页面中包含了flot所需的所有js。 请在这方面帮助我。

最佳答案

非事件选项卡中的 div 元素是不可见的,并且在显示之前没有宽度或高度。这可能会导致 flot 出现问题,这里的默认做法是仅在显示选项卡时才渲染图表。

一种替代方法是将 div 绝对定位在页面之外,渲染绘图,然后将 div 移动到选项卡中。

关于jquery - 未捕获绘图尺寸无效,图表 api 的宽度 = null,高度 = null,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21719522/

相关文章:

jquery - 如何在导航栏-Bootstrap 中留出空间

javascript - 如何隐藏附加的最后一个框?

javascript - jquery-onchange 事件选项卡内容未正确显示

jQueryUI 选项卡 : stop rotating while hover

jquery - Firebug - 动态加载的调试脚本

javascript - Flotchart 问题加入条形图和折线图

javascript - Flot 导航插件 - 将缩放限制在一个轴上

javascript - Flot 中的自动生成颜色不起作用

android - 如何强制 Android Webview 在 DOM 更改时重新绘制?

ajax - CakePHP 设置依赖 AJAX 下拉列表