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 相关文章推荐
慎用 somefunction.prototype 分析
Jun 02 Javascript
jQuery.extend 函数的详细用法
Jun 27 Javascript
js跑马灯代码(自写)
Apr 17 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
浅析vue component 组件使用
Mar 06 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
js判断节假日实例代码
Dec 27 Javascript
vue自定义全局共用函数详解
Sep 18 Javascript
js实现京东秒杀倒计时功能
Jan 21 Javascript
详解在HTTPS 项目中使用百度地图 API
Apr 26 Javascript
js+canvas实现画板功能
Sep 13 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 论坛采集程序 模拟登陆,抓取页面 实现代码
2009/07/09 PHP
PHP对字符串的递增运算分析
2010/08/08 PHP
php-cli简介(不会Shell语言一样用Shell)
2013/06/03 PHP
php解析字符串里所有URL地址的方法
2015/04/03 PHP
PHP7下协程的实现方法详解
2017/12/17 PHP
php操作mongodb封装类与用法实例
2018/09/01 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
枚举JavaScript对象的函数
2006/12/22 Javascript
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
javascript实现简单的页面右下角提示信息框
2015/07/31 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
js鼠标经过tab选项卡时实现切换延迟
2017/03/24 Javascript
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
Vue项目中最新用到的一些实用小技巧
2018/11/06 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
2018/11/14 jQuery
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
2019/03/19 Javascript
vue实现PC端录音功能的实例代码
2019/06/05 Javascript
vue+element表格导出为Excel文件
2019/09/26 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
ptyhon实现sitemap生成示例
2014/03/30 Python
python代码制作configure文件示例
2014/07/28 Python
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
在Python的Django框架中调用方法和处理无效变量
2015/07/15 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
详解KMP算法以及python如何实现
2020/09/18 Python
Scrapy中如何向Spider传入参数的方法实现
2020/09/28 Python
纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
2012/12/28 HTML / CSS
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
代办委托书怎么写
2014/08/01 职场文书
2014年药店工作总结
2014/11/20 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
MySQL 语句执行顺序举例解析
2022/06/05 MySQL