echarts饼图、折线图和堆积图IE8中不显示的问题

Jacky.cheng 发布于 2014/06/06 12:23
阅读 3K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

我做的饼图和堆积图在ie9中是可以正常显示的,如下:

但是在IE8下就不显示了,如下:

代码如下:

/**
 * 堆积图
 * @param xData
 * @param yData
 * @returns
 */
function showGxlAreaLine(xData,yData1,yData2,yData3){
  var myChart = echarts.init(document.getElementById("chartGxl"));
    var option = {
tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器,坐标轴触发有效
            type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        }
    },
    legend: {
    y : '0',
        data:xData
    },
    grid : {
    x : '20',
    x2 : '10',
    y : '20',
    y2 : '25',
    borderWidth:'0',
    width : '250'
    },
    xAxis : [
         {
            type : 'category',
            splitLine : {show:false},
            axisTick : {show:false},
            data : ['完成率(%)','贡献率(%)']
        }
        
    ],
    yAxis : [
        {
        splitLine : {show:false}, 
            type : 'value',
            
        }
    ],
    series : [
{
   name:'增量收入',
   type:'bar',
   barWidth: '40',
   stack: '总量',
   itemStyle : { normal: {label : {show: true, position: 'inside'}}},
   data:yData1
},
{
   name:'存增量收入',
   type:'bar',
   barWidth: '40',
   stack: '总量',
   itemStyle : { normal: {label : {show: true, position: 'inside'}}},
   data:yData2
},
{
   name:'存量收入',
   type:'bar',
   barWidth: '40',
   stack: '总量',
   itemStyle : { normal: {label : {show: true, position: 'inside'}}},
   data:yData3
}
    ]
};
myChart.setOption(option);
}


/**
 * 保有率拆线图
 * @param xData
 * @param yData
 * @returns
 */
function showBylLine(xData,yData3){
  var myChart = echarts.init(document.getElementById("chartBylLine"));
    var option = {
    tooltip : {
        trigger: 'axis',
        formatter: "{b}月 <br/> {a}: {c} (%)"
    },
    
    calculable : false,
    xAxis : [
        {  
            type : 'category',
            boundaryGap : false,
            splitLine : {show : true},
            axisTick : {show:false},
            axisLabel :{interval:0},
            data : xData
        }
    ],
    yAxis : [
        {
            type : 'value',
            max : '150',
            axisLabel : {
                formatter: '{value}'
            },
            splitArea : {show : false}
        }
    ],
    grid : {
    x : '40',
    x2 : '10',
    y : '10',
    y2 : '25',
    width : '560'
    },
    series : [
        {
            name:'存量保有率',
            type:'line',
            smooth:false,
            itemStyle: {
                normal: {
                    lineStyle: {        // 系列级个性化折线样式
                        width: 2
                    }
                }
            },
            data:yData3
        }
    ]
};
myChart.setOption(option);
}

我用的是1.3.8版本的,请问下,我这哪里的问题?望指正,谢谢!

加载中
0
Kener-林峰
Kener-林峰

script引入位置?body内

升级1.4.1

返回顶部
顶部