2010-03-18 28 views
1

Hiiii問題使用海軍報圖上jQtouch網站

我有一個jQtouch網站在開發中,我想用一個圖表上,我海軍報看起來像要做到這一點的最好辦法(漂亮!)

但是如果我的網站,我收到以下錯誤上實現海軍報:

的情節無效的尺寸,寬度= 0,高度= 0

如果我註釋掉樣式表../jqtouch/ jqtouch.min.css flot圖表工作得很好。

這個我覺得有事情做的事實,你不能海軍報使用具有顯示一個div內:無

從海軍報自述

Blockquote Make sure that the placeholder isn't within something with a display:none CSS property - in that case, Flot has trouble measuring label dimensions which results in garbled looks and might have trouble measuring the placeholder dimensions which is fatal (it'll throw an exception).

有誰知道我是否可以解決這/修復這個flot和jQtouch一起工作?

感謝

Hairby

回答

1

我已成功地使用http://highcharts.com/和jQtouch在一起......但我沒有一個例子馬上蝙蝠給你看。

看看HighCharts壽,我從Flot切換到它,從未回頭。

+0

我想不是在技術上回答這個問題,但它確實解決了這個問題。 謝謝 – 2010-03-25 08:51:56

0

您可以使用visibiity:hiddenposition: absolute並將其關閉的頁面,比其他...沒有真正的選擇,因爲它不能在空白區域進行初始化。

或者,如果它是由樣式表隱藏起來,只覆蓋風格的行內:

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

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

問題是,jQtouch的本質隱藏了所有內容以適應第一個div的頁面。 我在想也許我可以在div設置爲顯示時初始化Flot圖表,或者可以使用iframe – 2010-03-18 13:32:38

+0

@hairbymaurice - 如果你有一個'visibility:hidden' div,其中包含in-line'display:block'和size在底部,我認爲這將是最簡單的方法,給它一個鏡頭。 – 2010-03-18 13:39:27