From 1c87fc91195ae116d7e491530137d0be01ce7f95 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 06 十二月 2023 15:44:34 +0800
Subject: [PATCH] 人员生产效率、设备负荷对比、物料需求、车间正品率样式修改及文字显示处理
---
src/views/cockpitPage/components/DeviceChart.vue | 26 ++++++++++++++++++++++----
src/views/cockpitPage/components/BarChart.vue | 3 +++
src/views/cockpitPage/components/PerSonnelProductivity.vue | 22 +++++++++++++++++++++-
src/views/cockpitPage/components/MaterialChart.vue | 8 +++++++-
4 files changed, 53 insertions(+), 6 deletions(-)
diff --git a/src/views/cockpitPage/components/BarChart.vue b/src/views/cockpitPage/components/BarChart.vue
index 7126e77..15e3d29 100644
--- a/src/views/cockpitPage/components/BarChart.vue
+++ b/src/views/cockpitPage/components/BarChart.vue
@@ -135,6 +135,9 @@
show: false,
startValue: that.startValue, // 浠庡ご寮�濮�
endValue: that.endValue, // 涓�娆℃�у睍绀哄嚑涓�
+ zoomOnMouseWheel: false,
+ moveOnMouseWheel: true,
+ moveOnMouseMove: true,
},
],
legend: {
diff --git a/src/views/cockpitPage/components/DeviceChart.vue b/src/views/cockpitPage/components/DeviceChart.vue
index 79d1705..b95ae0e 100644
--- a/src/views/cockpitPage/components/DeviceChart.vue
+++ b/src/views/cockpitPage/components/DeviceChart.vue
@@ -79,6 +79,9 @@
show: false,
startValue: that.startValue, // 浠庡ご寮�濮�
endValue: that.endValue, // 涓�娆℃�у睍绀哄嚑涓�
+ zoomOnMouseWheel: false,
+ moveOnMouseWheel: true,
+ moveOnMouseMove: true,
},
],
legend: {
@@ -104,7 +107,7 @@
// rotate:45,
margin: 10,
show: true,
- fontSize:12,
+ fontSize: 12,
textStyle: {
color: function (params, index) {
let colorList = ["#dcb018", "#00FFFF"];
@@ -154,12 +157,13 @@
axisTick: {
show: false,
},
-
axisLabel: {
textStyle: {
color: "#00FFFF",
},
- formatter: "{value}%",
+ formatter: function (value) {
+ return `${value}%`;
+ },
},
},
],
@@ -171,7 +175,21 @@
label: {
show: true,
position: "right",
- color: "#00FFFF",
+ formatter: function (params) {
+ if (params.dataIndex % 2 == 0) {
+ return `{a|${params.value}%}`;
+ } else {
+ return `{b|${params.value}%}`;
+ }
+ },
+ rich: {
+ a: {
+ color: "#00FFFF",
+ },
+ b: {
+ color: "#dcb018",
+ },
+ },
},
itemStyle: {
normal: {
diff --git a/src/views/cockpitPage/components/MaterialChart.vue b/src/views/cockpitPage/components/MaterialChart.vue
index 97308a0..3710cb5 100644
--- a/src/views/cockpitPage/components/MaterialChart.vue
+++ b/src/views/cockpitPage/components/MaterialChart.vue
@@ -77,6 +77,9 @@
show: false,
startValue: that.startValue, // 浠庡ご寮�濮�
endValue: that.endValue, // 涓�娆℃�у睍绀哄嚑涓�
+ zoomOnMouseWheel: false,
+ moveOnMouseWheel: true,
+ moveOnMouseMove: true,
},
],
legend: {
@@ -102,7 +105,7 @@
// rotate:45,
margin: 10,
show: true,
- fontSize:12,
+ fontSize: 12,
textStyle: {
color: function (params, index) {
let colorList = ["#dcb018", "#00FFFF"];
@@ -157,6 +160,9 @@
textStyle: {
color: "#00FFFF",
},
+ formatter: function (value) {
+ return `${(value / 1000).toFixed(1)}k`;
+ },
},
},
],
diff --git a/src/views/cockpitPage/components/PerSonnelProductivity.vue b/src/views/cockpitPage/components/PerSonnelProductivity.vue
index 832d68f..54a1eb7 100644
--- a/src/views/cockpitPage/components/PerSonnelProductivity.vue
+++ b/src/views/cockpitPage/components/PerSonnelProductivity.vue
@@ -84,6 +84,9 @@
show: false,
startValue: this.startValue, // 浠庡ご寮�濮�
endValue: this.endValue, // 涓�娆℃�у睍绀哄嚑涓�
+ zoomOnMouseWheel: false,
+ moveOnMouseWheel: true,
+ moveOnMouseMove: true,
},
],
legend: {
@@ -163,6 +166,9 @@
textStyle: {
color: "#00FFFF",
},
+ formatter: function (value) {
+ return `${value}%`;
+ },
},
},
],
@@ -174,7 +180,21 @@
label: {
show: true,
position: "right",
- color: "#00FFFF",
+ formatter: function (params) {
+ if (params.dataIndex % 2 == 0) {
+ return `{a|${params.value}%}`;
+ } else {
+ return `{b|${params.value}%}`;
+ }
+ },
+ rich: {
+ a: {
+ color: "#00FFFF",
+ },
+ b: {
+ color: "#dcb018",
+ },
+ },
},
itemStyle: {
normal: {
--
Gitblit v1.8.0