2012-07-24 33 views
0

問題:在對話框中顯示jquery flot圖對話框中的jquery flot圖

我有一個使用flot顯示水平條形圖的頁面,這是交互式的。 當我點擊任何一個欄時,它會執行getJSON,並且通過變量傳遞,在另一個外部php頁中繪製另一個圖。 我想要在jquery對話框中顯示的外部php頁面中繪製圖形。

我一直在尋找無處不在,但我無法找出解決方案。任何幫助表示讚賞。

$.getJSON("page2.php?"+data, function(mdata) { 
     $('<div></div>').html(result).dialog({ 
     autoOpen: false, 
     modal: true, 
     title: 'Page Hits - Monthly', 
     width: 450, height: 300 
    }).dialog('open'); 

第2頁是繪製圖形的位置,我想在對話框中的當前頁面中顯示圖形。

+1

不應該將mdata設置爲html嗎? – 2012-07-24 23:00:24

+0

對不起,結果和mdata是我以前調試時使用的。如果我使用html作爲函數(html),我會傳遞給對話框? – Naveen 2012-07-24 23:04:44

+0

我不確定getJSON是否會返回在外部頁面中繪製的圖形。 – Naveen 2012-07-24 23:08:27

回答

1

也許嘗試$.get代替$.getJSON

$.get('page2.php?'+data, function(response){ 
    $('<div></div>').html(response).dialog({ 
    autoOpen: true, 
    modal: true, 
    title: 'Page Hits - Monthly', 
    width: 450, height: 300 
    }); 
}); 
+0

我試過了,但對話框打開並且空白。我甚至嘗試在div標籤中打印響應,並且它也是空白的。所以我猜測我沒有收到圖表作爲迴應。 – Naveen 2012-07-24 23:15:35

+1

你確定'page2.php'獲得正確的路徑和參數嗎?嘗試看看它的狀態代碼和響應瓦特/螢火蟲或類似的東西。 – 2012-07-24 23:18:40

+0

當我打開page2.php數據參數時,繪製圖形。所以我假設該網頁工作得很好。 – Naveen 2012-07-24 23:25:32

1

你可以只創建一個PHP類包含數據,存儲在類的實例您的圖表數據,然後傳遞對象作爲POST數據到您的對話框或彈出窗口。

然後可以創建一個方法來處理自定義數據並相應地繪製圖形。

+0

我還沒有嘗試過課程。感謝您的迴應,不要以此爲藉口來學習課程並實施它。 – Naveen 2012-07-25 00:46:49