效果图:
legend自定义显示格式:
legend: {
formatter: function (name) {
let v;
optionCheck.series.data.forEach((item) => {
if (item.name === name) {
v = item.value;
}
});
return name + ' ' + v;
},
},
全部配置项:
const optionCheck = reactive({
tooltip: {
trigger: 'item',
},
legend: {
orient: 'vertical',
right: 'right',
y: 'center',
// 设置图例形状
icon: 'circle',
itemWidth: 16, // 设置宽度
itemHeight: 16, // 设置高度
textStyle: {
fontSize: 14,
},
formatter: function (name) {
let v;
optionCheck.series.data.forEach((item) => {
if (item.name === name) {
v = item.value;
}
});
return name + ' ' + v;
},
},
series: {
type: 'pie',
labelLine: {
show: false,
},
label: {
show: false,
},
emphasis: {
label: {
show: false,
},
},
radius: ['50%', '70%'],
// 设置饼状图在画布中的位置
center: ['20%', '50%'],
data: [],
},
});