我使用海军报饼图的绘制饼图。 但它显示在Firebug错误
未捕获的异常：对情节，宽度= NULL，高度=空无效尺寸
我已经给从样式也高度和宽度。 并试图也这样
<div id="placeholder1" style="width:140px;height:140px" ></div>
如何解决这个问题？
Answer 1:
检查这些：
您包括jQuery库，然后再海军报JS库
包裹内整个代码
$(document).ready()处理函数。你绑定正确的海军报
id并没有相同的重复id。如果你的
div是动态的，即出现了DOM页面加载后，然后绑定plot()后的元素出现DOM。
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。
Answer 4:
一个快速的解决方案，我发现是只键入div标签之间的东西。 例如：更改<div id="placeholder"></div>到<div id="placeholder">.</div>或<div id="placeholder">randomtext</div>
就个人而言，我发现，使用空间/制表符/换行符不会在这个快速解决方案的工作。
Answer 5:
我有同样的问题整合模板轨。 这是一个不错的方法，但我只是评论会抛出异常的行，并添加两行设置宽度和高度为0 - 它帮助我。
Canvas.prototype.resize = function(width, height) {
if (width <= 0 || height <= 0) {
// COMMENTED NEXT LINE
// throw new Error("Invalid dimensions for plot, width = " + width + ", height = " + height);
// NEW LINES ADDED
width = 0;
height = 0;
}
// ... others code
}
Answer 6:
如果你把你的HTML图表中给出格“显示：无”类，你会得到这个错误。 你必须把你的HTML图表中给出的div：当“jquery.flot.js”装载“显示块”级。
<div id="pie_chart" class="chart"> </div>
如果这个HTML是在具有任何的div class="display: none"时“jquery.flot.js”被加载，其更改为display: block
Answer 7:
所以，看来你渲染到图表之前，您需要重新获取DOM元素。 由于海军报操纵的元素，并加上自己的，它看起来像它有自己的元素取代的元素。
在渲染处理，这样做：
$.plot($(".myChartId || #myChartClass"), myData, myOptions);
这有什么好做的是$(document).ready()虽然它是很好的做法，把它的这里面。
希望这可以帮助！
文章来源: Flot pie chart gives error in firebug: “uncaught exception: Invalid dimensions for plot, width = null, height = null”
