Flot饼图在firebug中出现了错误：“：无效的绘图尺寸，宽度=空，高度=空”

Question

我使用flot饼图来绘制饼图。但它显示了在防火墙中的错误

未明异常:无效的绘图维数，宽度=空，高度=空

我也给出了样式表的高度和宽度。也尝试过像这样

<div id="placeholder1" style="width:140px;height:140px" ></div>

如何解决这个问题？

Answer 1

检查一下这些：

• 首先包括jQuery库，然后包括flot js库。
• 将整个代码包装在$(document).ready()处理程序函数中。
• 使用正确的id绑定flot，并且不会重复相同的id。
• 如果您的div是动态的，即在页面加载后显示为DOM，那么在元素出现为DOM之后绑定plot()。

Answer 2

我也有同样的问题。我为<div>标记设置了一个高度和一个宽度，它修复了错误。

您可以使用内联css (如我所做的)或JS来设置高度和宽度。但是，只有在我们设置了plot()的高度之后，才应该调用<div>函数

<div class="bars_two" style="height:300px;"></div>

Answer 3

我也有同样的问题！上面没有列出答案，所以这里是我的问题和解决方案。

<div id="chart" class="chart" style="width:100%;height:250px;"></div>

Javascript：

 <script type="text/javascript">
    $(document).ready(function () {
        var data = [...];
        var options = {...};
        $.plot($("#placeholder"), data, options);
    });
</script>

所以。注意情节函数。起初，我在第一个参数中没有这个#。这显然是必要的。它解决了我的问题。

GG。