环形图测试echarts 饼配置项内容和展示

中心显示数据

      option = {
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
//   title:{
//         text:"1212117",
//         subtext: '总数',            
//         left:"50%",
//         top:"50%",
//     },
    legend: {
        orient : 'vertical',
        x : 'left',
        data:[]
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {
                show: true, 
                type: ['pie', 'funnel'],
              
                option: {
                    funnel: {
                        x: '25%',
                        width: '50%',
                        funnelAlign: 'center',
                        max: 1548
                    }
                }
            },
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
  graphic: {
          elements: [{
            type: 'text',
            style: {
             text: '60.0% \n通过率',
              font: 'bolder 30px cursive',
              textAlign: 'center',
              fill:'#333',
               formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
            left: 'center',
            top: 'center'
            
          }]
    },
  
   // calculable : true,
    series : [
        {
            name:'访问来源',
            type:'pie',
            radius : ['50%', '70%'],
           //avoidLabelOverlap: false,
            itemStyle : {
                normal : {
                    label : {
                        show : true,
                       position : 'outside',//inner center outside
                        formatter: '{c}\n{b}',
                        distance : 4//这项是标识距离中心点的距离
                    },
                  labelLine: {    //指示线状态
                        show: true,
                        smooth: 0.5,
                        length: 60,
                       length2: 10,
                     
                    },
                   borderWidth: 5,
                shadowBlur: 40,
              //  borderColor: "#ffcd26",
               // shadowColor: 'rgba(0, 0, 0, 0)' //边框阴影
                },
                emphasis : {
                    label : {
                        show : true,
                        position : 'center',
                        textStyle : {
                            fontSize : '30',
                            fontWeight : 'bold'
                        }
                    }
                }
            },
            data:[
                {value:335, name:'通过'},
                {value:310, name:'未通过'}
                
            ]
          
        }
    ]
};