echar设置label位置_echarts 饼状图调节 label和labelLine的位置

原理

使用一个默认颜色为透明的，并且只显示labelLine的饼状图

然后通过调节这个透明的饼状图 以达到修改labelLine的位置

echarts地址

https://gallery.echartsjs.com/editor.html?c=x6VnXPfxlx

echarts源码：

option = {

backgroundColor: "#03141c",

title: {

text: "84%",

subtext: '完成部门占比',

x: 'center',

y: 'center',

textStyle: {

color: "#fff",

fontSize: 30,

fontWeight: 'normal'

},

subtextStyle: {

color: "rgba(255,255,255,.45)",

fontSize: 14,

fontWeight: 'normal'

}

},

tooltip: {

trigger: 'item',

formatter: "{a}
{b} : {c} ({d}%)"

},

legend: {

x: 'center',

y: 'bottom',

d