JS绘图Flot应用图形绘制异常解决方案
今天再次动手用Flot,但是今天用的时候出现一些问题
首次报错的是
网页错误详细信息
用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; QQDownload 721; InfoPath.2)
时间戳: Fri, 8 Jun 2012 04:59:50 UTC
消息: 'window.G_vmlCanvasManager' 为空或不是对象
行: 698
字符: 17
代码: 0
URI: http://localhost:8080/chart/jquery.flot.js
'window.G_vmlCanvasManager' 是什么东西我不知道,不过经过查询知道,报错是因为没有导入
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]-->
之前说过,不同浏览器绘图使用的方式是不一样的,插件也只是根据不同浏览器使用不同绘图方式而已,就像Hibernate一样。
然后又报错
Could not draw pie with labels contained inside canvas
感觉写对了为什么不对呢,其实这是个让人纠结的问题,我看了Demo才知道,绘图的DIV需要引入一个样式,如果没有引入该样式,因为DVI大小不确定就没办法进行绘图!
所以你要增加一个样式
<style type="text/css"> * { font-family: sans-serif; } body { padding: 0 1em 1em 1em; } div.graph { width: 400px; height: 300px; float: left; border: 1px dashed gainsboro; } </style>
然后DIV的
<div id="graph1" class="graph"></div>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
javascript制作loading动画效果 loading效果
项目中多处要给ajax提交的时候增加等待动画效果,所以就写了一个简单的通用js方法,大家参考使用吧2014-01-01JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
这篇文章主要介绍了JS+HTML5实现的前端购物车功能插件,结合完整实例形式分析了JS结合HTML5的storage特性存储数据实现购物车功能的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-10-10
最新评论