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

我有一个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（），它将绘制此图，并且我可以实际看到它。

最佳答案

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