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

Question

如图所以 一个是在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);
            }
        );
}

下面是图： 坏图

 

好图：

Answer 1

2.0.1 IE8下不成。 下个2.0.4试试

Answer 2

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 可以正常显示，下载到本地电脑就报错了！  

Answer 3

已经可以了

Answer 4

最新代码指的是主干上的代码，可以在github上直接拉下来，不是官网上的代码

Answer 5

回复
刚刚已经发布2.0.2，试试，我这测试没问题了

Answer 6

从git上下载下来 打开里面的实例 图表在IE8下面还是显示不出来

Answer 7

IE8的还是没有显示 在IE9上将文档模式调整到IE8标准就没显示了 在真正的IE8先也一样没显示

Answer 8

上面那个链接IE8还是不行呀

Answer 9

是的

Answer 10

谢谢关注，最新代码已经修复

Answer 11

官网？

Answer 12

回复
http://echarts.baidu.com/doc/example/pie2.html就这个页面 IE8不行

Answer 13

回复
我这里 IE8 也不行 2.0.4官网看着可以，下载带本地就不行

Answer 14

IE6-7-8都有问题 还是支持呢 骗人

Answer 15

Answer 16

回复
请问，这类问题是怎么解决的，我传的数据都是数组类型的，IE7和8都无法显示，IE9正常

Answer 17

回复
请问，这类问题是怎么解决的，我传的数据都是数组类型的，IE7和8都无法显示，IE9正常

Answer 18

回复
可能是你使用的js语句中，有的属性不能再ie7浏览器中使用，比如.textContent就不能再ie7、ie8中使用，在ie7、ie8中必须用.innerHTML

Answer 19

回复
怎么我用echarts的实例在IE8上都不出来效果图（饼图）

Answer 20

@cclady 你好 你能具体把你解决的方法分享一下吗？

Answer 21

什么版本？同样数据官网例子也能复现问题吗？

Answer 22

我只是想告诉大家   num1[0] = $.trim(document.getElementById('pieTable').rows[1].cells[1].innerHTML); //.textContent  ie7下不能使用
.textContent来获取单元格内的内容