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

Question

Hiiii

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

但是，如果我在网站上实现了float，则会出现以下错误：

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

如果我注释掉样式表../jqtouch/jqtouch.min.css，浮点图就很好。

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

从Flot自述文件

Blockquote确保占位符不在显示的内容之内：无CSS属性-在这种情况下，Flot无法测量标签尺寸，从而导致外观混乱，并且可能无法测量占位符，这是致命的（它将抛出例外）。

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

谢谢

海比

Answer 1

我已经成功地同时使用了http://highcharts.com/和jQtouch ... ...但是我没有一个例子可以立即向您展示。

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

Answer 2

您可以使用visibiity:hidden或position: absolute并将其显示在页面上， visibiity:hidden ...没有实际选项，因为它无法在空白区域中初始化。

另外，如果样式表隐藏了它，则只需重写内联样式即可：

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

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