From 42e8be72925e16874b21e638cf4e026b5af9d851 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 19 Jan 2026 17:17:06 +0800
Subject: [PATCH] feat:echarts图表样式调整
---
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart1.vue | 7 ++++---
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart2.vue | 2 +-
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart3.vue | 14 ++++++++++++--
3 files changed, 17 insertions(+), 6 deletions(-)
diff --git a/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart1.vue b/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart1.vue
index adf02ec..a41cde7 100644
--- a/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart1.vue
+++ b/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart1.vue
@@ -149,7 +149,7 @@
graphic: {
type: 'text',
left: '22%',
- top: '35%',
+ top: '48%',
style: {
text: '设备类型',
fill: '#FFFFFF',
@@ -166,6 +166,7 @@
color: '#FFFFFF',
fontSize: 12,
rich: legendRich,
+ lineHeight: 30
},
itemWidth: 8,
itemHeight: 8,
@@ -198,7 +199,7 @@
},
title: {
x: 'center',
- top: '20',
+ top: 0,
textStyle: {
color: '#fff',
fontSize: 22,
@@ -227,7 +228,7 @@
show: false,
boxHeight: 26,
left: '0%',
- top: -20,
+ top: '-2%',
width: '60%',
viewControl: {
distance: 210,
diff --git a/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart2.vue b/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart2.vue
index ee2b732..d0fd004 100644
--- a/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart2.vue
+++ b/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart2.vue
@@ -45,7 +45,7 @@
top: 15,
left: 10,
right: 10,
- bottom: 10,
+ bottom: 0,
containLabel: true,
},
tooltip: {
diff --git a/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart3.vue b/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart3.vue
index 8821d74..ebc4d98 100644
--- a/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart3.vue
+++ b/applications/drone-command/src/views/basicManage/deviceStock/DeviceChart3.vue
@@ -42,7 +42,7 @@
top: 15,
left: 10,
right: 10,
- bottom: 10,
+ bottom: 0,
containLabel: true,
},
tooltip: {
@@ -76,10 +76,19 @@
color: '#FFFFFF',
fontSize: 12,
interval: 0,
+ rotate: 25,
+ margin: 8,
+ formatter: value => {
+ if (value == null) return ''
+ const text = String(value)
+ return text.length > 4 ? `${text.slice(0, 4)}...` : text
+ },
},
},
yAxis: {
type: 'value',
+ min: 1,
+ minInterval: 1,
axisLabel: {
color: '#FFFFFF',
fontSize: 12,
@@ -115,8 +124,9 @@
symbolRepeat: 'fixed',
symbolMargin: 3,
symbol: 'rect',
- symbolClip: false,
+ symbolClip: true,
symbolPosition: 'end',
+ clip: true,
symbolSize: [10, 3],
data: values,
z: 2,
--
Gitblit v1.9.3