對話框中的jquery flot圖

Question

問題：在對話框中顯示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頁是繪制圖形的位置，我想在對話框內的當前頁面中顯示圖形。

Answer 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 
  });
}); 

Answer 2

您可以創建一個PHP類來包含您的數據，將您的圖形數據存儲在類的實例中，然后將該對象作為發布數據傳遞到對話框或彈出窗口。

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