如何显示来自 jqgrid 的弹出窗口 graph/chart

Question

我正在使用 free-jqgrid/4.13.3。单击 单元格 它应该 弹出 window 以显示 折线图 。我正在使用 jqplot (jquery.jqplot.js, jqplot.canvasAxisLabelRenderer.js, jqplot.canvasTextRenderer.js) 作为图表。预计对话框 window 将包含图表。我无法使用以下代码实现此目的：

{ name: 'show_chart', index: 'show_chart', align: 'center', width: 100, sortable: false, editable: false,
    formatter:"showlink",
    formatoptions: {
        onClick: function (options) {
        $('#dialog').dialog({ autoOpen: false });
        $("#dialog").dialog({
         open: function() {
                var plot1 = $.jqplot ('chart1', [[3,7,9,1,5,3,8,2,5]]);
               }  
        });
        return false;
       }
    }}

在html正文中：

<body>
  <div id="dialog" title="Basic dialog" hidden="true">
</body>

非常感谢任何有关此问题的帮助。

Answer 1

如果没有 html 和 javascript 的完整来源，很难说问题出在哪里。我做了一些假设，并整理了一个 fiddle 来说明您要实现的目标。

我看到的主要变化是...

在 onclick 中，您实际上从未在对话框中调用 open。例如， $("#dialog").dialog("open");
网格和图表需要 html 个元素

如何显示来自 jqgrid 的弹出窗口 graph/chart

How to show a popup graph/chart from jqgrid

jquery

jsp

jqgrid

free-jqgrid