javascript - 如何使用 JQuery UI 在模态对话框中显示 javascript 图形？

Question

我有一个绘制动态图的 javascript 函数 graph()，我想把它放在模态对话框中。我是这样写的:

function drawGraphinDialog(){
    $("body").append('<div id="graphdialog"></div>');
    $(document).ready(function(){
         $("#graphdialog").dialog({
                    modal: true,
                    open: function{
                                      graph();
                                 },        
                    height: 600,
                    width: 400,
                    title: 'This is your graph'
                    });
        return false;
    });
}  

但是模态对话框是空的。我应该把函数 graph() 放在哪里才能正确地将其绘制在图形中？感谢您的帮助!

编辑:图表是用这个库制作的 http://www.graphdracula.net/ ... 所以如果我在 html 正文页面中调用此函数 graph() 它会绘制此图，我实际上可以看到它。

Answer 1

function drawGraphinDialog(){
    $("body").append('<div id="graphdialog"></div>');
    call graph() function and set its content to graphdialog div
    $("#graphdialog").html(graph_content)

$('#graphdialog').dialog({
        modal: true,
        height: 600,
                    width: 400,
                    title: 'This is your graph'
    });
}