解决Flot图表绘制中的常见错误

人亦已歌

解决Flot图表绘制中的常见错误

今天再次动手用Flot，但是今天用的时候出现一些问题

首次报错的是

2. 用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; QQDownload 721; InfoPath.2)
3. 时间戳: Fri, 8 Jun 2012 04:59:50 UTC
4. 消息: window.G_vmlCanvasManager 为空或不是对象
5. 行: 698
6. 字符: 17
7. 代码: 0
8. URI: http://localhost:8080/chart/jquery.flot.js

复制代码

window.G_vmlCanvasManager 是什么东西我不知道，不过经过查询知道，报错是因为没有导入

2. !-[if lte IE 8] script language=javascript type=text/javascript src=../excanvas.min.js /script ![endif]-

复制代码

之前说过，不同浏览器绘图使用的方式是不一样的，插件也只是根据不同浏览器使用不同绘图方式而已，就像Hibernate一样。

然后又报错

2. Could not draw pie with labels contained inside canvas

复制代码

感觉写对了为什么不对呢，其实这是个让人纠结的问题，我看了Demo才知道，绘图的DIV需要引入一个样式，如果没有引入该样式，因为DVI大小不确定就没办法进行绘图！

所以你要增加一个样式

2. style type= text/css
3. * {
4. font-family: sans-serif;
5. padding: 0 1em 1em 1em;
6. }
7. div.graph {
8. width: 400px;
9. height: 300px;
10. float: left;
11. border: 1px dashed gainsboro;
12. }
13. /style

复制代码

然后DIV的

2. div id=graph1

复制代码