JS绘图Flot应用图形绘制异常解决方案


Posted in Javascript onOctober 16, 2020

今天再次动手用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 相关文章推荐
jQuery 获取对象 定位子对象
May 31 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
Sep 20 Javascript
jquery中使用ajax获取远程页面信息
Nov 13 Javascript
脚本合并提升javascript性能示例
Feb 24 Javascript
js实现的黑背景灰色二级导航菜单效果代码
Aug 24 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
Oct 31 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
Nov 22 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
Apr 10 Javascript
vue 自定义右键样式的实例代码
Nov 06 Javascript
react实现移动端下拉菜单的示例代码
Jan 16 Javascript
原生js+canvas实现下雪效果
Aug 02 Javascript
详解javascript脚本何时会被执行
Feb 05 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 #Javascript
JS highcharts动态柱状图原理及实现
Oct 16 #Javascript
如何手动实现一个 JavaScript 模块执行器
Oct 16 #Javascript
JS highcharts实现动态曲线代码示例
Oct 16 #Javascript
Swiper实现导航栏滚动效果
Oct 16 #Javascript
node.js通过url读取文件
Oct 16 #Javascript
vue组件实现移动端九宫格转盘抽奖
Oct 16 #Javascript
You might like
如何利用php+mysql保存和输出文件
2006/10/09 PHP
实用函数2
2007/11/08 PHP
php计算几分钟前、几小时前、几天前的几个函数、类分享
2014/04/09 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】
2019/04/16 PHP
JavaScript Date对象使用总结
2009/05/14 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
jquery处理页面弹出层查询数据等待操作实例
2015/03/25 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
2015/12/30 Javascript
基于jquery编写的放大镜插件
2016/03/23 Javascript
JS for...in 遍历语句用法实例分析
2016/08/24 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
2020/03/04 Javascript
Webpack中SplitChunksPlugin 配置参数详解
2020/03/24 Javascript
JavaScript实现单点登录的示例
2020/09/23 Javascript
Python异常处理知识点总结
2019/02/18 Python
python中的split()函数和os.path.split()函数使用详解
2019/12/21 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
使用opencv识别图像红色区域,并输出红色区域中心点坐标
2020/06/02 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
美国知名的百货清仓店:Neiman Marcus Last Call
2016/08/03 全球购物
GoDaddy英国:全球排名第一的域名注册商
2018/06/08 全球购物
美国一家著名的手表在线折扣网站:Discount Watch Store
2020/02/24 全球购物
医院检讨书范文
2014/02/01 职场文书
2014办公室副主任四风对照检查材料思想汇报
2014/09/20 职场文书
2014房屋登记授权委托书
2014/10/13 职场文书
母婴行业实体、电商模式全面解析
2019/08/01 职场文书
SQL语句多表联合查询的方法示例
2022/04/18 MySQL
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL