在 jQtouch 网站上使用 Flot 图表时出现问题

Question

喂

我在开发中有一个 jQtouch 站点，我想在上面使用图表，对我来说，Flot 看起来是最好的方法（最漂亮！）

但是，如果我在网站上实施 flot，我会收到以下错误：

绘图尺寸无效，宽度 = 0，高度 = 0

如果我注释掉样式表 ../jqtouch/jqtouch.min.css，flot 图表就可以正常工作。

我认为这与您不能在具有 display:none 的 div 内使用 flot 的事实有关

来自 Flot 自述文件

块引用 确保 占位符不在具有 display:none CSS 属性的东西中 - 在这种情况下，Flot 无法测量标签尺寸 导致外观乱码，并且可能无法测量 占位符尺寸是致命的（它会抛出异常）。

有谁知道我是否可以解决这个问题/修复这个问题，以便 flot 和 jQtouch 一起工作？

谢谢

海尔比

Answer 1

我已经设法将http://highcharts.com/ 和 jQtouch 一起使用...但是我没有立即向您展示的示例。

看看 HighCharts 吧，我从 Flot 切换到它，再也没有回头。

Answer 2

您可以使用 visibiity:hidden 或 position: absolute 并将其从页面中移除，除此之外...没有实际选择，因为它无法在空白区域中初始化。

或者，如果它被样式表隐藏，只需覆盖样式内联：

<div id="myDiv" style="width:400px;height:300px;"></div> 

$.plot($("#myDiv"), [ .... ]);