Javascript 如何使用Flot显示空白图形

正如标题所述，我希望为我正在为工作构建的财务计算器显示一个空白的“模板”图（我的意思是，该网页将显示一个没有任何线条的图）。网页的基本设置将在顶部有一个空白图形，下面有一个HTML表单，用于接受数据输入。一旦用户输入数据并单击submit，图形中就应该填充该数据

由此产生了两个问题。首先，这可能吗？其次，如果可能的话，我将向$.plot（）函数传递什么？以下是我目前的工作内容：

<div id="main-content">
    <div id="chart" style="width:600px;height:300px;"></div>
    <script type="text/javascript">
        $(document).ready(function() {
            $.plot($("#chart"), [[null]]);
        });
    </script>
</div>

$（文档）.ready（函数（）{
$.plot（$（“#图表”），[[null]]；
});

任何建议都将不胜感激！谢谢大家!

编辑： 我忘了提这个。当我查看此网页时，Firebug向我显示以下错误消息：

未捕获异常：绘图的尺寸无效，宽度=928，高度= 0

编辑答案：

---

似乎错误消息来自我使用div的width和height属性，而不是使用width和height设置它们的样式。修好后，它就可以工作了！这里显示的所有代码现在都可以正常工作。

只需去掉空值即可。如果您想要一个空的“框”，则不传递数据数组：

$(document).ready(function() {
  $.plot($("#chart"), []);
});

如果需要无数据的“绘图”，请传递空数据数组：

$(document).ready(function() {
  $.plot($("#chart"), [[]]);
});

---

运行代码：

$（文档）.ready（函数（）{
$.plot（$（“#图表”）[
[]
]);
});

出于某种奇怪的原因，我仍然会遇到同样的错误。我可能没有正确设置代码。这里有一个供人们查看的粘贴箱：谢谢你的回答！不要介意。我才意识到我是个白痴。我使用width和height属性设置div的宽度和高度，而不是正确地设置它们的样式。它起作用了！非常感谢。感谢您提供了很好的解决方案我通过了空数组，但我没有得到任何x或y标签？@bonez，请参阅更新的答案，我添加了一个可运行的示例。