fix: 修改Gamma的nuclide review弹窗大小；曲线图根据黄色线放大显示区域

src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewChart.vue

@@ -23,14 +23,17 @@ const initialOption = {
   xAxis: {
     axisLine: {
       lineStyle: {
-        color: '#fff'
+        color: 'rgb(119, 181, 213, 0.5)'
       }
     },
     splitLine: {
-      show: false
+      show: true,
+      lineStyle: {
+        color: 'rgba(119, 181, 213, .2)'
+      }
     },
      axisLabel: {
-      color: '#fff'
+      color: '#ade6ee'
     },
     min: 'dataMin',
     max: 'dataMax',
@@ -38,15 +41,18 @@ const initialOption = {
   },
   yAxis: {
     axisLine: {
+      show: true,
       lineStyle: {
-        color: '#fff'
+        color: 'rgb(119, 181, 213, 0.5)'
       }
     },
     splitLine: {
-      show: false
+      lineStyle: {
+        color: 'rgba(119, 181, 213, .2)'
+      }
     },
     axisLabel: {
-      color: '#fff'
+      color: '#ade6ee'
     },
     axisTick: {
       show: false
@@ -82,6 +88,11 @@ export default {
 
         const series = []
         chartData.forEach(({ pointlist, color }) => {
+          // 根据黄色line 调整最大最小yAxis
+          if(color === '#F5E91A'){
+            this.option.yAxis.max = Math.ceil(Math.max(...pointlist.map(({ y }) => y)))
+            this.option.yAxis.min = Math.floor(Math.min(...pointlist.map(({ y }) => y)))
+          }
           series.push({
             type: 'line',
             data: pointlist.map(({ x, y }) => [x, y]),
@@ -89,8 +100,19 @@ export default {
               color
             },
             symbol: 'none',
-            animation: false
+            animation: false,
+            // markLine: {
+            //   silent: true,
+            //   symbol: 'none',
+            //   data: [],
+            //   animation: false,
+            //   lineStyle: {
+            //     type: 'solid',
+            //     width: 2
+            //   }
+            // }
           })
+
         })
 
         series[0].markLine = {
@@ -114,6 +136,7 @@ export default {
           }
         }
 
+
         this.option.series = series
       },
       immediate: true

src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <custom-modal v-model="visible" :width="1200" title="Nuclide Review" :footer="null" destroy-on-close>
+  <custom-modal v-model="visible" :width="1280" title="Nuclide Review" :footer="null" destroy-on-close>
     <a-spin :spinning="isLoading">
       <div class="nuclide-review-search">
         <span @click="handleNuclideChange('prev')">&lt;</span>
@@ -499,7 +499,7 @@ export default {
   &-chart {
     margin-top: 20px;
     height: 300px;
-    background-color: #05354c;
+    //background-color: #05354c;
     display: flex;
     align-items: center;