jquery - jQuery : 显示带有按钮的 jqPlot 图表

Question

我想进行 AJAX 查询，然后在单击“获取”按钮时显示 jqPlot 图。

<script>
$("button").click(function(){
    var test = null;
    $.get("requete_graph.php", {
         id: param1,
         datemin: param2,
         datemax: param3
    }, function(data,status){
        test = data;
    }, "json");
    return test;
}); 

// Graph part
var blablabla = [[3,7,9,1,4,6,8,2,5]];
$(document).ready(function(){
    var plot1 = $.jqplot ('chartdiv', blablabla);
});
</script>

使用此代码，图表会在页面完全加载时显示。

---

<script>
$("button").click(function(){
    var test = null;
    $.get("requete_graph.php", {
         id: param1,
         datemin: param2,
         datemax: param3
    }, function(data,status){
        test = data;
    }, "json");
    return test;

    // Graph part
    var blablabla = [[3,7,9,1,4,6,8,2,5]];
    $(document).ready(function(){
        var plot1 = $.jqplot ('chartdiv', blablabla);
    });
}); 
</script>

有了这个，图表永远不会显示（即使我点击按钮）。

---

我想使用$.jqplot（$.get我刚刚设定了blablabla测试行为的值）的结果。我想要的是发出一个 AJAX 请求，然后在我单击“获取”按钮时显示一个图表。
我只是不确定 jQuery 语法。

Answer 1

只需将已经准备好的图形置于不可见div状态，并在单击按钮时使其可见。

或者您可以执行以下操作：

var blablabla = [[3,7,9,1,4,6,8,2,5]];
$(document).ready(function(){
    var plot1 = $.jqplot ('chartdiv', blablabla);

    $("button").click(function(){
        var test = null;
        $.get("requete_graph.php", {
             id: param1,
             datemin: param2,
             datemax: param3
        }, function(data,status){
            test = data;
        }, "json");
        return test;
    }); 

});

在这种情况下，您将在页面完全加载时绑定单击事件。