在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"), [ .... ]);