当我在隐藏的标签中插入图表时,如第二,第三等,我有这个错误。这里是错误:
Invalid dimensions for plot, width = 0, height = 400 in js/jquery.flot.min.js:6.
我使用了bootstrap 2和jquery:
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
这是图书馆:
<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.pie.min.js"></script>
<script src="js/jquery.flot.stack.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>
和css:
#plotarea
{
max-width: none;
height: 400px;
}
#pie
{
max-width: none;
height: 400px;
}
#barmonth
{
max-width: none;
height: 400px;
}
#baryear
{
max-width: none;
height: 400px;
}
带有每个图表id的div(总是将id更改为我需要显示的图表,如plotarea,pie,barmonth,baryear等):
<div id="plotarea"></div>
我添加这种样式来修复宽度错误.ui-tabs .ui-tabs-hide { left: -10000px; visibility: hidden !important; }
,但即使这样,图表也不会在那些隐藏标签内绘制图表,只绘制第一个视图中的第一个标签...如果有表格,你现在可以吗?要解决这个问题?
我使用魅力模板。
最好的祝福!
好吧,我已经做到了!
如果你有这个库<script src="js/jquery.flot.resize.min.js"></script>
,你只需要在styles.css(样式表文件)中更改它:
max-width: none;
height: 400px;
有了这个:
width: 100%;
height: 400px;
现在,图表总是在每个屏幕中调整大小。
我遇到过同样的问题。一个不同的解决方案对我有用。
我在IE8下有相同的问题,有时Android,我的图表最初隐藏了切换功能,导致错误尝试在隐藏的div内绘制图表。 CSS已经定义,所以没有帮助。
在绘制div元素解决问题之后移动jQuery隐藏和切换代码。
当div没有被隐藏时,我遇到了类似的麻烦。它会在IE11中显示类似的错误。需要花费很长时间来追踪容器需要是一个块元素,即display: block
。希望这能帮助别人浪费更少的时间!