关于IE8使用highcharts不兼容及报error #27错误的解决方法

标签: web前端 highcharts
0人阅读 评论(0) 收藏 举报

在使用IE8使用highhcarts展示3D图表的时候,一直报error #27的错误,猜测应该是浏览器版本不兼容的问题,但是没有具体的报错说明文档,打开源码查看:

H.getStyle = function(el, prop, toInt) {

            var style;

            // For width and height, return the actual inner pixel size (#4913)
            if (prop === 'width') {
                return Math.min(el.offsetWidth, el.scrollWidth) -
                    H.getStyle(el, 'padding-left') -
                    H.getStyle(el, 'padding-right');
            } else if (prop === 'height') {
                return Math.min(el.offsetHeight, el.scrollHeight) -
                    H.getStyle(el, 'padding-top') -
                    H.getStyle(el, 'padding-bottom');
            }

            if (!win.getComputedStyle) {
                // SVG not supported, forgot to load oldie.js?
                H.error(27, true);
            }

            // Otherwise, get the computed style
            style = win.getComputedStyle(el, undefined);
            if (style) {
                style = style.getPropertyValue(prop);
                if (H.pick(toInt, prop !== 'opacity')) {
                    style = H.pInt(style);
                }
            }
            return style;
        };

可以看到红色标记,错误是从这里发出的,谷歌后了解,getComputedStyle这个函数,谷歌,火狐支持,但是ie是不支持的,所以修改代码去解决这个问题就有点大题小做了,毕竟我只用它的一个功能,没必要去重写源码以及做一堆的兼容调试。

打开highcharts的官网点击打开链接,兼容部分,有这么一段:

Highcharts 6
从 Highcharts 6.0.0 开始,我们将兼容低版本 IE 的代码单独成一个模块文件,这样用户可以根据需求是否加载对应的文件,可以减少在主流浏览器上加载代码的大小,推荐以下面形式加载这个文件:

<script src="https://img.hcharts.cn/highcharts/highcharts.js">
<!-- 其他 Highcharts 需要的文件 -->

<!--[if lt IE 9]>
<script src="https://img.hcharts.cn/highcharts/modules/oldie.js"></script>
<![endif]-->

其实在6.0版本以后就已经添加了对低版本浏览器的支持,只需要在html或者jsp界面引用红色部分字体就可以,oldie.js这个文件里有关于对低版本ie浏览器的支持。

大部分情况添加这个文件后兼容问题就已经解决了,但是有时图表展示还是报错:“该对象不支持此属性或方法”

此时需要在jsp或html文件最上方添加如下两行代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

在js文件里对逗号要求比较严格,多的少的都会报错,定义图表展示<div>需要加上height属性固定,

问题基本就解决了。

查看评论

Highcharts在IE8模式下的问题

Highcharts 是一个用纯JavaScript编写的一个图表库。 在IE8模式下图表不显示问题:搜索了highcharts官网错误码列表 ,尝试了当前浏览器不支持SVG这个解决策略,得到解...
  • keepFreedom
  • keepFreedom
  • 2018-03-01 09:56:27
  • 93

HighCharts 在IE8下图形不显示的问题。

最近用到Highcharts这个flash控件,可恶意显示多种类型的图形图。 用来做各种数据统计最合适不过。 但是在IE8下却发现某些图形不能正确显示出来,因为IE8对JS的符号什么的特别敏感。 在I...
  • zx75991
  • zx75991
  • 2015-12-09 18:11:01
  • 3607

Highcharts error #12: www.highcharts.com/errors/12 的解决办法

伟大的程序员都是从套页面开始的! 1.问题描述 当highcharts需要绘制的点超过1000个点的时候会提示以下错误: Highcharts error #12: www.highcharts.co...
  • donglynn
  • donglynn
  • 2015-10-16 11:50:55
  • 5151

Highcharts插件常见错误及解决办法

url:https://www.evget.com/article/2014/8/12/21442.html 第一步:引入highchart必需的js文件 1 ...
  • u013766398
  • u013766398
  • 2016-04-28 14:46:41
  • 2189

highcharts 常见错误 -- Highcharts error #15

http://www.stepday.com/topic/?917 这篇文章里面说的已经很详细了, 我再记录一下自己的实际遇到的问题以及解决办法 主要是 Highcharts error #15...
  • zkcharge
  • zkcharge
  • 2015-11-25 09:58:38
  • 1359

highcharts统计图在IE8下不显示

用highcharts做统计图,在IE9及以上版本显示正常,浏览器调到IE8以及IE8以下时,图像就显示不正常。 通过测试发现,我在jsp中承载图像的div节点中有写一个css行内样式控制其大小,将...
  • limin0017
  • limin0017
  • 2017-06-08 16:03:13
  • 589

Highcharts Error #19的解决方法

在web端使用highcharts绘线性图的时候,遇到了Highcharts Error #19 到网站上一搜索, Highcharts Error #19 Too many ticks Thi...
  • a5244491
  • a5244491
  • 2015-04-01 15:33:43
  • 1891

IE8提示JS错误(KB927917)终极解决方法

E8中会报 HTML Parsing Error: Unable to modify the parent container element before the child element is ...
  • SysProgram
  • SysProgram
  • 2016-01-26 21:03:51
  • 5291

Highcharts控件使用说明及注意事项, 错误: 'Highcharts' 未定义 错误: 'jb' 为空或不是对象

最近做项目需要用到报表,网上查询了一下,发现highcharts这个挺不错,并且是前台的。自己手动练习了几个小例子,出现的问题已有不同颜色标出。        第一部:引用类库 //第一引用 //...
  • haojuntu
  • haojuntu
  • 2012-12-06 23:37:53
  • 16706

Highcharts error #14: www.highcharts.com/errors/14

错误原因:数据类型错误,需要的是Number类型,传入的却是String 以为为官网说明: Highcharts Error #14 String value sent to s...
  • itmyhome
  • itmyhome
  • 2016-05-04 18:02:25
  • 5223
    个人资料
    等级:
    访问量: 260
    积分: 45
    排名: 182万+
    文章分类
    文章存档