echarts为什么在ie7和ie8下显示图片不全

cclady 发布于 2014/06/05 17:48
阅读 4K+
收藏 0

如图所以 一个是在chrome下能正常显示  一个是在ie7或者ie8下的残缺显示  请问怎么破?

先上option吧

function createPieChart(str,name,num,type) { 
    require.config({
        paths: {
            'echarts': 'echarts-master/build/echarts',
            'echarts/chart/pie': 'echarts-master/build/echarts'
        }
    });
    // 使用
    require(
            [
                'echarts',
                'echarts/chart/pie' // 使用柱状图就加载bar模块,按需加载
            ],
            function (ec) {
                // 基于准备好的dom,初始化echarts图表
                var myChart = ec.init(document.getElementById(str));


                var labelTop = {
                    normal: {
                        label: {
                            show: true,
                            position: 'center',
                            textStyle: {
                                baseline: 'bottom'
                            }
                        },
                        labelLine: {
                            show: false
                        }
                    }
                };


                var option = { color: ['#da70d6', '#6495ed', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700',
            '#6699FF', '#ff6666', '#3cb371', '#b8860b', '#30e0e0'],
                    title: { text: num[3],
                        x:220, y: 'center',textAlign:'center'
                    },
//                                        grid: { 
//                                            y2: 0
//                                        },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        x: 'left',
                        data: [name[0], name[1], name[2]]
                    },
                    toolbox: {
                        show: false,
                        feature: {
                            mark: { show: true },
                            dataView: { show: true, readOnly: false },
                            restore: { show: true },
                            saveAsImage: { show: true }
                        }
                    },
                    calculable: false,
                    series: [
        {
            name: '发明',
            type: 'pie',
         radius: ['40%', '100%'], 
        // center: [220, 120],   //[250, 225]
         center: ['60%', '50%'],


            itemStyle: {
                normal: {
                    label: { formatter: "{c}",
                        position: 'inner',
                        show: false,
                        textStyle: {
                            fontSize: '18',
                            fontWeight: 'bold'
                        }
                    },
                    labelLine: {
                        show: false
                    }


                },
                emphasis: {
                    label: {
                        formatter: "{c}",
                        show: true,
                        position: 'inner',
                        textStyle: {
                            fontSize: '18',
                            fontWeight: 'bold'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>aaaa{b} : {c} ({d}%)"
                        }
                    }
                }
            },
            data: [
                { value: num[0], name: name[0] },
                { value: num[1], name: name[1] },
                { value: num[2], name: name[2] }
            ]
        }
    ]
                };
                // 为echarts对象加载数据 
                myChart.setOption(option);
            }
        );
}

下面是图: 坏图

 

好图:

加载中
0
c
cclady
我只是想告诉大家   num1[0] = $.trim(document.getElementById('pieTable').rows[1].cells[1].innerHTML); //.textContent  ie7下不能使用 .textContent来获取单元格内的内容
0
Kener-林峰
Kener-林峰
什么版本?同样数据官网例子也能复现问题吗?
S
Sharezx
@cclady 你好 你能具体把你解决的方法分享一下吗?
_领悟_
_领悟_
回复 @Kener-林峰 : 怎么我用echarts的实例在IE8上都不出来效果图(饼图)
c
cclady
回复 @shuai10 : 可能是你使用的js语句中,有的属性不能再ie7浏览器中使用,比如.textContent就不能再ie7、ie8中使用,在ie7、ie8中必须用.innerHTML
shuai10
shuai10
回复 @Kener-林峰 : 请问,这类问题是怎么解决的,我传的数据都是数组类型的,IE7和8都无法显示,IE9正常
shuai10
shuai10
回复 @cclady : 请问,这类问题是怎么解决的,我传的数据都是数组类型的,IE7和8都无法显示,IE9正常
下一页
0
c
Kener-林峰
Kener-林峰
http://echarts.baidu.com/doc/start.html
0
_领悟_
_领悟_
IE6-7-8都有问题 还是支持呢 骗人
挖他西瓦
挖他西瓦
回复 @Kener-林峰 : 我这里 IE8 也不行 2.0.4官网看着可以,下载带本地就不行
_领悟_
_领悟_
回复 @Kener-林峰 : http://echarts.baidu.com/doc/example/pie2.html就这个页面 IE8不行
Kener-林峰
Kener-林峰
官网?
0
Kener-林峰
Kener-林峰
谢谢关注,最新代码已经修复
幻宇天鸿
IE8的还是没有显示 在IE9上将文档模式调整到IE8标准就没显示了 在真正的IE8先也一样没显示
_领悟_
_领悟_
貌似可以了 不过还有一个http://echarts.baidu.com/doc/example/pie5.html 还是IE8
_领悟_
_领悟_
上面那个链接IE8还是不行呀
0
Kener-林峰
Kener-林峰
最新代码指的是主干上的代码,可以在github上直接拉下来,不是官网上的代码
Kener-林峰
Kener-林峰
回复 @幻宇天鸿 : 刚刚已经发布2.0.2,试试,我这测试没问题了
幻宇天鸿
从git上下载下来 打开里面的实例 图表在IE8下面还是显示不出来
0
幻宇天鸿
已经可以了
0
挖他西瓦
挖他西瓦
2.0.1 IE8下不成。 下个2.0.4试试
0
挖他西瓦
挖他西瓦

2.0.4也不成。 你们都是怎么整的? IE8下报错:

消息: Script error
行: 0
字符: 0
代码: 0
URI: http://s1.bdstatic.com/r/www/cache/ecom/esl/1-6-10/esl.js


官网例子:http://echarts.baidu.com/doc/example/bar1.html 可以正常显示,下载到本地电脑就报错了!  


返回顶部
顶部