Javascript 为什么我的jqPlot没有呈现画布？

我正在尝试使用jqPlot作为条形图，但我无法让它显示任何内容

我已经包括了jqPlot代码和所有插件。我没有收到任何错误

我直接复制了示例代码：

html:

它将类“jqplot target”添加到“jqplot”div中，因此javascript必须正常工作，但它没有将画布/图表添加到div中，它只显示一个空div，其中包含添加的类

你知道为什么这不是渲染吗

我也在使用HTML5样板文件，但我找不到其中两个的任何已知问题

谢谢

---

托马斯

你能展示你的CSS对类“plot”做了什么吗？说明您需要确保为绘图目标添加宽度和高度。

我发现了问题。我将jqplot内部的主容器div设置为显示：页面加载时无，一旦单击“回车”按钮，就会显示为.fadeIn（）

---

我想当父级为display:none；-我通过调用函数中的$.jqplot来实现这一功能，该函数在用户单击enter后在主容器中消失…

单击按钮时，使用生成的图表上的replot函数

// create your chart
var plot1 = $.jqplot(...);

// hook the button press
$("button#enter").on("click", function(){
    // fade your tab in, wait for it to complete,
    $(".tab").fadeIn(1000, function(){
        // then replot, if not already drawn
        if(!plot1._drawCount){
            plot1.replot();
        }
    });
});

---

我之前遇到过这个问题，出于某种原因，以下jqplot代码无法工作：

$(document).ready(function () {
    $.jqplot('chart1', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
}

但是，当我将$（document）.ready（函数{…}）切换到jQuery（函数（$）{…}）时，jqplot代码工作正常

jQuery(function ($) {
    $.jqplot('chart1', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
}

---

我将宽度/高度直接添加到了#jqplot，我也将其更改为此，但它仍然没有呈现。当我在没有样板的空白页面中执行此操作时，它呈现良好…感谢您的输入。我发现了问题。请参阅更新的问题。

$(document).ready(function () {
    $.jqplot('chart1', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
}

jQuery(function ($) {
    $.jqplot('chart1', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
}