如何使用浮点显示空白图形

Question

就像标题中指出的那样，我希望为我正在工作的财务计算器显示一个空白的“模板”图（这是指该网页将显示没有任何线条的图）。 网页的基本设置将在顶部带有空白图，在下面具有HTML表单以接受数据输入。 用户输入数据并单击提交后，图形应使用该数据填充。

由此产生两个问题。 首先，有可能吗？ 其次，如果可能的话，我该如何传递给$ .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>

任何建议将不胜感激！ 谢谢！

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

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

编辑答复：似乎错误消息是由我使用div的width和height属性发出的，而不是使用width和height样式化的。 解决该问题后，它就可以工作了！ 现在，此处显示的所有代码均可正常运行。

Answer 1

只是抛空。 如果您想要一个空的“盒子”，则不传递任何数据数组：

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

如果您想要一个没有数据的“绘图”，请传递一个空的数据数组：

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

---

运行代码：

 <!DOCTYPE html> <html> <head> <script data-require="jquery@3.0.0" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script> <script data-require="flot@0.8.2" data-semver="0.8.2" src="//cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script> </head> <body> <div id="chart" style="width:200px; height:200px"></div> <script> $(document).ready(function() { $.plot($("#chart"), [ [] ]); }); </script> </body> </html>