style(ops): 还原饼图右侧图例,饼图回到左侧布局

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
lzh
2026-03-01 16:30:33 +08:00
parent c8b191a9d2
commit 67bfc39756

View File

@@ -422,11 +422,20 @@ function getStatusDistributionChartOptions(): ECOption {
return `${marker}${params.name}<br/><span style="font-size:16px;font-weight:600">${params.value}</span> 个 <span style="color:#8c8c8c;margin-left:4px">${params.percent}%</span>`;
},
},
legend: { show: false },
legend: {
orient: 'vertical',
right: '4%',
top: 'center',
itemWidth: 10,
itemHeight: 10,
itemGap: 14,
icon: 'circle',
textStyle: { fontSize: 12, color: '#595959' },
},
graphic: [
{
type: 'text',
left: 'center',
left: '23%',
top: '38%',
style: {
text: `${total}`,
@@ -438,7 +447,7 @@ function getStatusDistributionChartOptions(): ECOption {
},
{
type: 'text',
left: 'center',
left: '23%',
top: '55%',
style: {
text: '近7天工单',
@@ -453,7 +462,7 @@ function getStatusDistributionChartOptions(): ECOption {
name: '工单状态分布',
type: 'pie',
radius: ['48%', '70%'],
center: ['50%', '50%'],
center: ['25%', '50%'],
avoidLabelOverlap: false,
label: { show: false },
emphasis: {