From 3fc7f383b437b6c579b625f83639c864b33b97fa Mon Sep 17 00:00:00 2001
From: cloudroam <cloudroam>
Date: 星期五, 15 十一月 2024 14:35:33 +0800
Subject: [PATCH] add:1版本
---
src/views/area/chart-itm.vue | 46 +++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 45 insertions(+), 1 deletions(-)
diff --git a/src/views/area/chart-itm.vue b/src/views/area/chart-itm.vue
index 7a45094..439448e 100644
--- a/src/views/area/chart-itm.vue
+++ b/src/views/area/chart-itm.vue
@@ -13,6 +13,14 @@
<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>
@@ -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(241, 76, 3, 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(241, 76, 3, 1)",
+ },
+ ]),
+ },
+ },
+ },
],
},
],
--
Gitblit v1.9.3