From 1299a3cb6c8ed4fe7f6a9e16ccdd7ac249390e43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=8F=AE=E5=AE=87?= <peiyu_ren@163.com>
Date: Thu, 25 Jan 2024 17:23:54 +0800
Subject: [PATCH] =?UTF-8?q?beta=20=E6=96=B0=E8=B0=B1=E5=9B=BE=E8=A1=A8?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=A0=87=E9=A2=98=EF=BC=8C=E5=8F=8A=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E6=8F=90=E7=A4=BA=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../spectrumAnalysis/components/RoiLimits.vue | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/views/spectrumAnalysis/components/RoiLimits.vue b/src/views/spectrumAnalysis/components/RoiLimits.vue
index 2e168f4..b993057 100644
--- a/src/views/spectrumAnalysis/components/RoiLimits.vue
+++ b/src/views/spectrumAnalysis/components/RoiLimits.vue
@@ -30,9 +30,29 @@ const roiLimitsOption = {
   tooltip: {
     show: true,
     trigger: 'axis',
+    formatter: (params) => {
+      let content = ''
+      params.forEach((item) => {
+        // 提示框的内容样式及数据
+        content += `
+          <!-- 圆点样式 -->
+          <span style="color: #424864;">Channel ${item.axisValueLabel}</span><br>
+          <span style="display: inline-block; margin-right: 10px; border-radius: 50%; width: 8px; height: 8px;background-color: ${item.color};"></span>
+          <span >${item.value[1]}</span>
+        `
+      })
+      return content
+    },
   },
   xAxis: {
     type: 'category',
+    name: 'Gamma Channel',
+    nameTextStyle: {
+      color: '#5b9cba',
+      fontSize: 16,
+    },
+    nameLocation: 'center',
+    nameGap: 30,
     boundaryGap: false,
     splitLine: {
       show: true,
@@ -56,6 +76,13 @@ const roiLimitsOption = {
   },
   yAxis: {
     type: 'value',
+    name: 'Count',
+    nameTextStyle: {
+      color: '#5b9cba',
+      fontSize: 16,
+    },
+    nameLocation: 'center',
+    nameGap: 40,
     splitLine: {
       lineStyle: {
         color: 'rgba(119, 181, 213, .3)',