最近做功能地时候遇到一个问题,就是需要在圆环中间显示数据,这个数据的格式和圆环上的数据格式一样,就是不能刷新,一直都是第一次记加载的数据,什么series的动态加载都试了,还是没用,有没有用过类似功能的帮忙解答一下!!!!

解决方案 »

  1.   

    var result2=function(data){
    var dataKey=[];
    var dataValue=[];
    $.each(data,function(i,opTicket){
         dataKey.push(opTicket[0]);
         dataValue.push(opTicket[1]);
    });
      var myChart = echarts.init(document.getElementById("operateTicketChart"));
      var option = {
           title: {
            text: '操作票统计',
            x:'center'
         },
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b}: {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            x: 'left',
            data:[dataKey[0],dataKey[1],dataKey[2]],
        },
        series:{
                name:'数据统计',
                type:'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                hoverAnimation:false,
                label: {
                    normal: {
                        show: false,
                        position: 'center',
                        formatter:function(){
                        return dataValue[3]               
                        },
                        textStyle:{
                           frontSize:20,
                           color:'green',
                        },
                    },
                    emphasis: {
                        show: true,
                        textStyle: {
                            fontSize: '30',
                            fontWeight: 'bold'
                        }
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data:[
                    {value:dataValue[0], name:dataKey[0]},
                    {value:dataValue[1], name:dataKey[1]},
                    {value:dataValue[2], name:dataKey[2]},
                ]
            }
    };
      myChart.setOption(option);
    }