diff --git a/src/assets/images/groupEvolution/legends-group1.png b/src/assets/images/groupEvolution/legends-group1.png index 4384b33..06534c1 100644 Binary files a/src/assets/images/groupEvolution/legends-group1.png and b/src/assets/images/groupEvolution/legends-group1.png differ diff --git a/src/assets/images/groupEvolution/legends-group2.png b/src/assets/images/groupEvolution/legends-group2.png index 27be1e8..fa287f0 100644 Binary files a/src/assets/images/groupEvolution/legends-group2.png and b/src/assets/images/groupEvolution/legends-group2.png differ diff --git a/src/assets/images/groupEvolution/legends-group3.png b/src/assets/images/groupEvolution/legends-group3.png index ff03248..d029945 100644 Binary files a/src/assets/images/groupEvolution/legends-group3.png and b/src/assets/images/groupEvolution/legends-group3.png differ diff --git a/src/store/groupEvolution/index.js b/src/store/groupEvolution/index.js index b74034c..ccc28ec 100644 --- a/src/store/groupEvolution/index.js +++ b/src/store/groupEvolution/index.js @@ -210,9 +210,13 @@ export const useGroupDiscoveryStore = defineStore("groupDiscovery", { // 定义明确的群体顺序 const groupOrder = ["群体一", "群体二", "群体三"] - groupOrder.forEach(key => { + groupOrder.forEach((key) => { if (res.data.data[key]) { - resultObj["seriesList"].push({ name: key, themeColor: themeMap[key], data: res.data.data[key] }) + resultObj["seriesList"].push({ + name: key, + themeColor: themeMap[key], + data: res.data.data[key] + }) } }) this.chartData = resultObj @@ -693,7 +697,7 @@ export const useGroupMemberStore = defineStore("groupMember", { fontSize: 12, opacity: 0.8 } - ], + ] }), actions: { // 获取时间轴 @@ -1158,9 +1162,9 @@ export const useAnomalousGroup = defineStore("anomalousGroup", { const xAxisData = res.data.xaxisData.map((item) => utcStringToHHMMSS(item)) const yAxisRange = res.data.yaxisRange const themeColors = { - 社团一: "#2AB8FD", - 社团二: "#02D7DA", - 社团三: "#FFDA09" + 社团一: "#00d6da", + 社团二: "#fddc33", + 社团三: "#32b6fb" } const seriesList = res.data.seriesList.map((item) => ({ data: item.data.map((item) => item.toFixed(2)), diff --git a/src/views/GroupEvolution/components/groupGraph.vue b/src/views/GroupEvolution/components/groupGraph.vue index cc83095..c802eb5 100644 --- a/src/views/GroupEvolution/components/groupGraph.vue +++ b/src/views/GroupEvolution/components/groupGraph.vue @@ -3,13 +3,13 @@
-
+
{{ item.text }}
-
+
{{ item.text }}
@@ -41,7 +41,6 @@ import group2Leg from "@/assets/images/groupEvolution/legends-group2.png" import group3Leg from "@/assets/images/groupEvolution/legends-group3.png" import abnormalLeg from "@/assets/images/groupEvolution/legends-abnormal-group.png" - const props = defineProps({ store: { required: true @@ -49,15 +48,15 @@ const props = defineProps({ }) const legendsMap = { normalGroup: [ - { icon: group1Leg, text: '群体一' }, - { icon: group2Leg, text: '群体二' }, - { icon: group3Leg, text: '群体三' }, + { icon: group1Leg, text: "群体一" }, + { icon: group2Leg, text: "群体二" }, + { icon: group3Leg, text: "群体三" } ], abnormalGroup: [ - { icon: group1Leg, text: '社团组一' }, - { icon: group2Leg, text: '社团组二' }, - { icon: group3Leg, text: '社团组三' }, - { icon: abnormalLeg, text: '疑似异常社团' }, + { icon: group1Leg, text: "社团组一" }, + { icon: group2Leg, text: "社团组二" }, + { icon: group3Leg, text: "社团组三" }, + { icon: abnormalLeg, text: "疑似异常社团" } ] } const emit = defineEmits(["click:pointerDownAndSlide"]) @@ -398,11 +397,18 @@ watch( width: 160px; height: auto; /* 高度自适应内容 */ right: 2%; - top: 60%; - background: linear-gradient(286.05deg, rgba(0, 82, 125, 0.48) 32.99%, rgba(0, 200, 255, 0.2304) 233.73%); + background: linear-gradient( + 286.05deg, + rgba(0, 82, 125, 0.48) 32.99%, + rgba(0, 200, 255, 0.2304) 233.73% + ); border: 1px solid; border-radius: 5px; - border-image-source: linear-gradient(153.08deg, rgba(183, 222, 255, 0.32) 3.37%, rgba(58, 161, 248, 0.064) 83.16%); + border-image-source: linear-gradient( + 153.08deg, + rgba(183, 222, 255, 0.32) 3.37%, + rgba(58, 161, 248, 0.064) 83.16% + ); padding: 10px; /* 添加内边距 */ gap: 10px; /* 设置项间距 */ .legend-item {