2012-07-24 49 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