jquery flot 对ie6/7/8支持问题
- 五月 3rd, 2010
flot是基于jquery的一个chart插件，功能随没有JQchart功能强大（非专业性的图表项目，强大可以用臃肿代替），也没有google chart api使用方便，但这个小东西使用起来还是很方便，显示效果很好。
flot对firefox和chrome支持很好，稍加修饰即可显示出流畅的图表，但在ie下显示空白，看了一些解决方案，说flot不支持ie，其实是早期不支持ie8，现在已经全面对ie进行了支持。如果在ie下显示空白，可以加入”excanvas.js”文件(发布包里包含此文件)来修复：
<?php
<!--[if IE]><script type="text/javascript" src="../excanvas.min.js"></script><![endif]-->
<!--[if IE]><script type="text/javascript" src="../excanvas.min.js"></script><![endif]-->
即使加入以上内容，ie还有可能会出现空白，这个问题困扰我了好几个小时，最后检查结论是：在ie下，json数据格式中，不能有多余的逗号（虽然在chrome下显示正常）：
<?php
$(function () {
$.plot($("#newimg"),
[[[0,2],[413,2]],[[0,3],[0,3]]],//这里最后逗号不能少
{
yaxis:{
max:"20",
ticks:[[2,"xhat"]],
labelwidth:10//最后加逗号chrome正常，ie各版本全部显示空白
},
shadowSize:5,
lines:{show:true},
points:{show:true},
grid:{hoverable:true, clickable:true},
xaxis:{max:10}
}
);
});
$(function () {
$.plot($("#newimg"),
[[[0,2],[413,2]],[[0,3],[0,3]]],//这里最后逗号不能少
{
yaxis:{
max:"20",
ticks:[[2,"xhat"]],
labelwidth:10//最后加逗号chrome正常，ie各版本全部显示空白
},
shadowSize:5,
lines:{show:true},
points:{show:true},
grid:{hoverable:true, clickable:true},
xaxis:{max:10}
}
);
});
希望这个结论能帮到同样遇到此问题的同学。
真的很有精力呀，我每天累的都不想动
文章写的不错~~不知道倪是使用的JustHost主机吗?