From 0ae255185f422781f8a5cc4c52ad56ee0d3a1e6e Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期五, 29 十一月 2024 19:07:15 +0800
Subject: [PATCH] 1.首页可拖拽 2.没有名字去掉悬浮层 3.增加了背景
---
src/views/area/chart-itm.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 46 insertions(+), 2 deletions(-)
diff --git a/src/views/area/chart-itm.vue b/src/views/area/chart-itm.vue
index 7a45094..9750354 100644
--- a/src/views/area/chart-itm.vue
+++ b/src/views/area/chart-itm.vue
@@ -13,12 +13,20 @@
<div class="chart-status-dot red"></div>
<div class="chart-status-desc">异常连接数</div>
</div>
+ <div class="flex1 flex tooltip">
+ <div class="chart-status-dot blue"></div>
+ <div class="chart-status-desc">从有到无</div>
+ </div>
+ <div class="flex1 flex tooltip">
+ <div class="chart-status-dot purple"></div>
+ <div class="chart-status-desc">从无到有</div>
+ </div>
</div>
<div class="sub-div"></div>
<div class="chart-itm-equ-echarts" :id="eid"></div>
<div class="sub-insidemask-div">
<div class="flex">
- <div class="temperature-num">{{ (info.normal || 0) + (info.warn || 0) + (info.alarm || 0) }}</div>
+ <div class="temperature-num">{{ (info.normal || 0) + (info.warn || 0) + (info.alarm || 0) + (info.beNothing || 0)+ (info.beSomething || 0)}}</div>
</div>
<div class="flex">
<div class="temperature-unit">总量</div>
@@ -62,7 +70,7 @@
radius: ["55%", "68%"],
center: ["50%", "55%"],
// radius: "75%",
- avoidLabelOverlap: false,
+ avoidLabelOverlap: true,
itemStyle: {
borderRadius: 10,
borderColor: "#fff",
@@ -146,6 +154,42 @@
},
},
},
+ {
+ value: this.info.beSomething || 0,
+ // name: "异常连接数",
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0.2, 1, 0.3, 0, [
+ {
+ offset: 1,
+ color: "rgba(52, 90, 255, 1)",
+ },
+ {
+ offset: 0,
+ color: "rgba(52, 90, 255, 1)",
+ },
+ ]),
+ },
+ },
+ },
+ {
+ value: this.info.beNothing || 0,
+ // name: "异常连接数",
+ itemStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0.2, 1, 0.3, 0, [
+ {
+ offset: 1,
+ color: "rgba(128, 0, 128, 1)",
+ },
+ {
+ offset: 0,
+ color: "rgba(128, 0, 128, 1)",
+ },
+ ]),
+ },
+ },
+ },
],
},
],
--
Gitblit v1.9.3