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

时间:2010-03-18 13:09:55

标签: jquery flot jqtouch

Hiiii

我在开发中有一个jQtouch网站,我想在它上面使用图表,对我来说Flot看起来是最好的方法(最漂亮!)

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

绘图的尺寸无效,宽度= 0,高度= 0

如果我注释掉样式表../jqtouch/jqtouch.min.css,则flot图表运行正常。

我认为这与你无法在具有显示器的div中使用flot这一事实有关:无

来自剧情自述

  

块引用   确保   占位符不在display:none CSS属性中 -   在这种情况下,Flot无法测量标签尺寸   导致外观乱码,可能无法测量   占位符维度是致命的(它会抛出异常)。

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

谢谢

Hairby

2 个答案:

答案 0 :(得分:1)

我已经成功地使用了http://highcharts.com/和jQtouch ......但是我没有一个例子可以直接向你展示。

看看HighCharts,我从Flot切换到它并且从不回头。

答案 1 :(得分:0)

您可以使用visibiity:hiddenposition: absolute并将其从页面上移除,除此之外...没有真正的选项,因为它无法在空白区域初始化。

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

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

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