From f9fd7c038b6405a69c5d070febebab0a59eb821b Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期五, 25 十月 2024 18:00:42 +0800
Subject: [PATCH] ll
---
screen/src/views/TaskEfficiency.vue | 72 +++++++++++++++++++++++------------
1 files changed, 47 insertions(+), 25 deletions(-)
diff --git a/screen/src/views/TaskEfficiency.vue b/screen/src/views/TaskEfficiency.vue
index 224a5a5..0a17a99 100644
--- a/screen/src/views/TaskEfficiency.vue
+++ b/screen/src/views/TaskEfficiency.vue
@@ -495,27 +495,10 @@
const option = {
color: colors,
tooltip: {
- trigger: "axis",
- axisPointer: {
- type: "cross",
- label: {
- backgroundColor: "red"
- },
- lineStyle: {
- color: "#9eb2cb"
- }
- }
+ show: false
},
-
legend: {
- show: false,
- top: "top",
- left: "2%",
- textStyle: {
- color: "#000"
- },
- itemHeight: 2,
- data: ['棰勭害鏁�', '宸茶繘鍦�', '宸蹭綔涓�', '宸茬鍦�']
+ show: false
},
series: [
{
@@ -528,6 +511,31 @@
maxSize: '80%',
gap: 4,
label: {
+ show: false
+ },
+
+ itemStyle: { //鍘绘帀榛樿鐧借壊杈规绾�
+ borderWidth: 0,
+ borderColor: '#fff'
+ },
+ data: [
+ { value: 100, name: '棰勭害鏁�', },
+ { value: 50, name: '宸茶繘鍦�' },
+ { value: 20, name: '宸蹭綔涓�' },
+ { value: 30, name: '宸茬鍦�' },
+ ]
+ },
+ {
+ type: 'funnel',
+ left: '15%',
+ right: '45%',
+ top: '10%',
+ bottom: '10%',
+ minSize: '80%',
+ maxSize: '80%',
+ gap: 4,
+ z: 1,
+ label: {
show: true,
position: 'outside',
formatter: '{a|{b}} {a|{c}%}',
@@ -539,22 +547,33 @@
}
},
labelLine: {
- length: 80,
- lineStyle: {
- width: 1,
- type: 'dashed'
- }
+ show: true,
+ normal: {
+ length: 80,
+ position: 'right',
+ lineStyle: {
+ width: 1,
+ type: 'dashed',
+ color: 'rgba(102, 160, 239,.5)'
+ }
+ },
},
itemStyle: { //鍘绘帀榛樿鐧借壊杈规绾�
borderWidth: 0,
borderColor: '#fff'
+ },
+ itemStyle: {
+ normal: {
+ color: 'transparent',
+ borderWidth: 0,
+ opacity: 1
+ }
},
data: [
{ value: 100, name: '棰勭害鏁�', },
{ value: 50, name: '宸茶繘鍦�' },
{ value: 20, name: '宸蹭綔涓�' },
{ value: 30, name: '宸茬鍦�' },
-
]
},
]
@@ -869,6 +888,7 @@
margin: 0 20px 0;
width: 100%;
height: 222px;
+
.line {
display: flex;
align-items: center;
@@ -876,11 +896,13 @@
height: 33px;
color: #D2E0FF;
width: 100%;
+
.time_wrap {
display: flex;
align-items: center;
width: 52px;
color: #FFFFFF;
+
.time {
width: 40px;
height: 18px;
--
Gitblit v1.9.3