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

 更新时间:2020年10月16日 10:09:10   作者:cuisuqiang  
这篇文章主要介绍了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 Array对象基本方法详解

    JavaScript Array对象基本方法详解

    这篇文章主要介绍了JavaScript Array对象基本方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 浅说js变量

    浅说js变量

    JavaScript 是弱类型, 变量可存储任意类型, 并且运行期间类型可变
    2011-05-05
  • Bootstrap 按钮下拉菜单的实现示例

    Bootstrap 按钮下拉菜单的实现示例

    本文主要介绍了Bootstrap 按钮下拉菜单的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • canvas雪花效果核心代码分享

    canvas雪花效果核心代码分享

    本文主要分享了canvas实现雪花效果的核心代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • javascript制作loading动画效果 loading效果

    javascript制作loading动画效果 loading效果

    项目中多处要给ajax提交的时候增加等待动画效果,所以就写了一个简单的通用js方法,大家参考使用吧
    2014-01-01
  • 编写高质量JavaScript代码的基本要点

    编写高质量JavaScript代码的基本要点

    编写高质量JavaScript代码的基本要点分享给大家,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 详解ES6语法之可迭代协议和迭代器协议

    详解ES6语法之可迭代协议和迭代器协议

    这篇文章主要介绍了详解ES6语法之可迭代协议和迭代器协议,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • js获取字符串最后一位方法汇总

    js获取字符串最后一位方法汇总

    文章汇总了4种js获取字符串最后一位字符的方法,并附上示例说明,非常简单实用,这里推荐给大家
    2014-11-11
  • JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】

    JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】

    这篇文章主要介绍了JS+HTML5实现的前端购物车功能插件,结合完整实例形式分析了JS结合HTML5的storage特性存储数据实现购物车功能的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2016-10-10
  • 小程序录音功能实现

    小程序录音功能实现

    这篇文章主要介绍了小程序录音功能实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03

最新评论