From 7f3f3b95d1bf30a628dd8385d302343b17b5a456 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Fri, 26 Jul 2024 14:27:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9VisualMap?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/BetaGammaSpectrum.vue          | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/views/spectrumAnalysis/components/BetaGammaSpectrum.vue b/src/views/spectrumAnalysis/components/BetaGammaSpectrum.vue
index f8635d9..5415d1a 100644
--- a/src/views/spectrumAnalysis/components/BetaGammaSpectrum.vue
+++ b/src/views/spectrumAnalysis/components/BetaGammaSpectrum.vue
@@ -15,7 +15,6 @@
       @mouseleave="handleBorderMouseLeave"
       @mouseup="handleBorderMouseLeave"
     >
-      <!-- 2D 图表，为了相应Unzoom采用的v-show -->
       <div class="_2d-chart" ref="TwoChartRef">
         <CustomChart
           ref="chartTwoDRef"
@@ -165,17 +164,16 @@ const twoDOption = {
   animation: false,
   visualMap: {
     type: 'continuous',
-    min: 4096,
+    min: 0,
     max: 0,
     itemWidth: 12,
     itemHeight: 0,
-    dimension: 1,
+    dimension: 2,
     seriesIndex: 0,
     zlevel: 0,
     orient: 'vertical',
     right: 0,
     bottom: 20,
-    text: [4096, 0],
     textStyle: {
       color: '#8EC0C8',
     },
@@ -236,6 +234,7 @@ export default {
     histogramDataList: {
       handler() {
         this.buildScatterList()
+        this.setVisialMapParams()
       },
       immediate: true,
     },
@@ -282,7 +281,6 @@ export default {
   methods: {
     // 构造scatter列表
     buildScatterList() {
-      console.log(this.twoDOption)
       const {
         xAxis: { min: minX, max: maxX },
         yAxis: { min: minY, max: maxY },
@@ -292,15 +290,25 @@ export default {
       this.twoDOption.series.symbolSize = 5
       this.twoDOption.series.data = this.histogramDataList
         .filter(({ b, g, c }) => c && b >= minX && b <= maxX && g >= minY && g <= maxY)
-        .map(({ b, g }) => this.buildScatterItem(b, g))
+        .map(({ b, g, c }) => this.buildScatterItem(b, g, c))
     },
 
     // 构造一个scatter 的点
-    buildScatterItem(xAxis, yAxis) {
+    buildScatterItem(xAxis, yAxis, count) {
       return {
-        value: [xAxis, yAxis],
+        value: [xAxis, yAxis, count],
       }
     },
+
+    setVisialMapParams() {
+      const counts = this.histogramDataList.map(({ c }) => c)
+      if (counts.length) {
+        this.twoDOption.visualMap.max = Math.max(...counts)
+      } else {
+        this.twoDOption.visualMap.max = 0
+      }
+    },
+
     // 重绘矩形框区域
     reDrawRect() {
       const chart = this.$refs.chartTwoDRef.getChartInstance()