echarts饼图直观显示数值最实用的方式[通俗易懂]

默认：echarts饼图直接显示数值（如图 无需光标悬空触发）

var optionOne = {

                title : {

                    text: ‘开通渠道饼图’,
                    subtext: ”,
                    x:’center’
                },
                tooltip : {

                    trigger: ‘item’,
                    formatter: “{a} <br/>{b} : {c} ({d}%)”
                },
                legend: {

                    orient : ‘horizontal’,
                    x : ‘center’,
                    y : ‘bottom’,
                    data:[‘xxxxAPP’,’xxxx微信端’,’xxxxAPP’,’xxxAPP’,’xxx机顶盒’]
                },
                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: ‘left’,
                                    max: 1548
                                }
                            }
                        },
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },
                calculable : true,
                series : [
                    {

                        name:”,
                        type:’pie’,
                        radius : ‘65%’,
                        center: [‘50%’, ‘50%’],
                        /* label: {

                            normal: {

                            show: true,
                            formatter: ‘{b}: {c}({d}%)’},
                            textStyle : {

                                fontWeight : ‘normal’,
                                fontSize : 15
                            },labelLine :{show:true}
                        }, */
                        itemStyle:{ 
                            normal:{ 
                               label:{ 
                                  show: true, 
                                  formatter: ‘{b} : {c} ({d}%)’ 
                                  }, 
                                  labelLine :{show:true} 
                                  } 
                             },
                        data:[
                            {value:500, name:’xxxAPP’},
                            {value:400, name:’xxxx微信端’},
                            {value:300, name:’xxxxAPP’},
                            {value:200, name:’xxxAPP’},
                            {value:100, name:’xxx顶盒’}
                        ]
                    }
                ]
            };
        //4.设置加载动画(非必须)
       //VisOneEchart.showLoading(); //数据加载完之前先显示一段简单的loading动画                        
       VisOneEchart.setOption(optionOne);