饼图样式调整

This commit is contained in:
GYYM
2024-12-12 13:23:09 +08:00
parent 8bd5351d29
commit b923b7c35d

View File

@@ -37,7 +37,7 @@
<pie <pie
:customData="{ :customData="{
title: '设备检测状态', title: '设备检测状态',
textAlign: 'right', textAlign: 'center',
}" }"
:legendData="{ :legendData="{
icon: 'circle', icon: 'circle',
@@ -51,7 +51,7 @@
<pie <pie
:customData="{ :customData="{
title: '设备检测结果', title: '设备检测结果',
textAlign: 'right', textAlign: 'center',
}" }"
:legendData="{ :legendData="{
icon: 'circle', icon: 'circle',
@@ -65,7 +65,7 @@
<pie <pie
:customData="{ :customData="{
title: '设备报告状态', title: '设备报告状态',
textAlign: 'right', textAlign: 'center',
label: { label: {
normal: { normal: {
position: 'inner', position: 'inner',
@@ -598,15 +598,17 @@ onUnmounted(() => {
.container_charts { .container_charts {
width: 100%; width: 100%;
//min-height: 180px !important; //min-height: 180px !important;
height:90%; height:100%;
background-color: #eee; background-color: #eee;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
.charts_info { .charts_info {
margin-top: 5px;
border-radius: 4px;
flex: none; flex: none;
width: 33.4%; width: 33.1%;
height: 100% !important; height: 100% !important;
background-color: #fff; background-color: #fff;
// border-radius: 4px; // border-radius: 4px;