echarts饼图百分比的直接展示

<div id="wraper" style="width: 1100px;height: 500px;background-color: black;">div>

var wraperCon = document.getElementById("wraper");
			var myChart = echarts.init(wraperCon);
			
			option = {
			    title: {
			        text: '',
			        subtext: '',
			        left: 'center'
			    },
			    tooltip: {
			        trigger: 'item',
			        formatter: '{a} 
{b} : {c} ({d}%)'
			    },
			    series: [
			        {
			            name: '访问来源',
			            type: 'pie',
			            radius: '55%',
			            center: ['50%', '60%'],
			            label:{
			                show:true,
			                position:'inner',
			                formatter:'{d}%'
			            },
			            data: [
			                {value: 335, name: '直接访问'},
			                {value: 310, name: '邮件营销'},
			                {value: 234, name: '联盟广告'},
			                {value: 135, name: '视频广告'},
			                {value: 1548, name: '搜索引擎'}
			            ],
			            emphasis: {
			                itemStyle: {
			                    shadowBlur: 10,
			                    shadowOffsetX: 0,
			                    shadowColor: 'rgba(0, 0, 0, 0.5)'
			                }
			            }
			        }
			    ]
			};

			myChart.setOption(option)

这里要特别说明一下tooltip中formatter的{a},{b},{c},{d}都指的的什么？
如下面图例所示：
{a} ===》series中的name的属性值：访问来源，
{b} ===》series中data中的name的属性值：搜索引擎，
{c} ===》series中data中的value的属性值：1548，
{d}% ===》每一项占series中data下的value值之和的比重


还有要想实现百分比在饼图中直接展示的重要代码就是在series中写入一下内容即可：

 label:{
     show:true,//饼图上的数据是否展示true展示false不展示
     position:'inner',//饼图上的数据展示位置inner是展示在内部
     formatter:'{d}%'//饼图上展示的数据格式
 }