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 BS,dialog控件自适应大小
Jul 06 Javascript
JavaScript几种形式的树结构菜单
May 10 Javascript
JavaScript游戏之是男人就下100层代码打包
Nov 08 Javascript
jquery 使用点滴函数代码
May 20 Javascript
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
Jquery获取元素的父容器对象示例代码
Feb 10 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
canvas实现简易的圆环进度条效果
Feb 28 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
详解JS模块导入导出
Dec 20 Javascript
JavaScript 跨域之POST实现方法
May 07 Javascript
vue选项卡切换登录方式小案例
Sep 27 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利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
为你总结一些php信息函数
2015/10/21 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
基于JQuery的密码强度验证代码
2010/03/01 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
javascript用函数实现对象的方法
2015/05/14 Javascript
jQuery插件expander实现图片翻转特效
2015/05/21 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
vue cli升级webapck4总结
2018/04/04 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
iview的table组件自带的过滤器实现
2019/07/12 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
Python实现随机生成有效手机号码及身份证功能示例
2017/06/05 Python
python GUI库图形界面开发之PyQt5单选按钮控件QRadioButton详细使用方法与实例
2020/02/28 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
教学个人的自我评价分享
2014/02/16 职场文书
2014年3.15团委活动总结
2014/03/16 职场文书
求职信格式要求
2014/05/23 职场文书
重阳节标语大全
2014/10/07 职场文书
2014年资料员工作总结
2014/11/18 职场文书
英文升职感谢信
2015/01/23 职场文书
护士年终个人总结
2015/02/13 职场文书
大学毕业生个人总结
2015/02/28 职场文书
学生检讨书范文
2019/06/24 职场文书
mysql 索引合并的使用
2021/08/30 MySQL
MySQL的prepare使用以及遇到的bug
2022/05/11 MySQL