直接复制到官网可以查看
echarts官网地址
option = {
tooltip: {
trigger: 'item',
},
legend: {
top: 'center',
left: '51%',
orient: 'vertical',
itemGap: 8,
itemWidth: 12,
itemHeight: 12,
selectedMode: false,
itemStyle: {
borderCap: 'butt',
borderColor: 'rgba(121, 121, 121, 1)',
borderType: 'solid',
borderWidth: 1,
borderMiterLimit: 0,
shadowBlur: 0,
borderJoin: 'miter',
},
formatter: function (name) {
return `{a|${name}}` + `{b|${12}%}` + `{b|${21}}`
},
textStyle: {
color: 'rgba(225, 225, 225, 1)',
rich: {
a: {
fontSize: 12,
},
b: {
fontSize: 12,
padding: [0, 0, 0, 5],
},
},
},
},
series: [
{
type: 'pie',
radius: ['68%', '100%'],
label: {
normal: {
show: true,
position: 'center',
formatter: ['{a|总数}', `{b|${41}}`].join('\n'),
color: '#fff',
fontFamily: 'Microsoft YaHei',
rich: {
a: {
fontSize: 12,
},
b: {
fontSize: 28,
padding: [8, 0, 0, 0],
},
},
},
},
data: [
{ value: 100, name: '1' },
{ value: 100, name: '2' },
{ value: 100, name: '3' },
{ value: 100, name: '4' },
{ value: 100, name: '5' },
],
left: '0',
width: '50%',
height: '100%',
},
],
}