From 8cb779c96568109a27c9104b33393978b9d804bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Thu, 5 Sep 2024 15:08:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=8C=AF=E5=8A=A8=E7=9B=91?=
 =?UTF-8?q?=E6=8E=A7=E5=9B=BE=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TVibrationsensorData/RealTimeMonitor.html | 119 +++++++++---------
 1 file changed, 60 insertions(+), 59 deletions(-)

diff --git a/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html b/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html
index 4f50880..64285a4 100644
--- a/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html
+++ b/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html
@@ -130,13 +130,13 @@
       $.post(ctx + 'system/TVibrationsensorData/realTimeMonitor', {sensorId: treeNode.id}, (e) => {
         if (e.code === 0) {
           let data = e.data || []
-          let html = ''
-          data.forEach(v => {
-            html += `
+          $("#chartDivs").html('')
+          data.forEach((v, k) => {
+            let html = `
           <div class="chartDiv" id="chartDiv">
           <div class="title">${v.monitorName}</div>
           <div class="time">${v.collectTime}</div>
-          <div class="chart" id="chart">
+          <div class="chart" id="chart${k}">
           </div>
           <div class="mileage">
           ${v.displacement.toString().split('').map(vv => {
@@ -146,63 +146,64 @@
           <div class="text">位移(um)</div>
           </div>
           `
-          })
-          $("#chartDivs").html(html)
-
-          let chart = echarts.init(document.getElementById('chart'))
-
-          let option = {
-            series: [
-              {
-                name: 'Pressure',
-                type: 'gauge',
-                detail: {
-                  formatter: '{value}',
-                  offsetCenter: [0, '20%'],
-                  // offsetCenter: [0, '-40%'] ,
-                },
-                center: ['25%', '50%'],
-                radius: '90%',
-                data: [
-                  {
-                    value: 21,
-                    name: '速度(mm/s)',
-                    title: {
-                      offsetCenter: [0, '-20%'],
-                    },
-                  }
-                ]
-              },
-              {
-                name: 'Pressure',
-                type: 'gauge',
-                detail: {
-                  fontSize: 20,
-                  formatter: '{value}'
+            $("#chartDivs").append(html)
+
+            let chart = echarts.init(document.getElementById(`chart${k}`))
+
+            let option = {
+              series: [
+                {
+                  name: 'Pressure',
+                  type: 'gauge',
+                  detail: {
+                    formatter: '{value}',
+                    offsetCenter: [0, '20%'],
+                    // offsetCenter: [0, '-40%'] ,
+                  },
+                  center: ['25%', '50%'],
+                  radius: '90%',
+                  max: Math.ceil(v.speed / 100) * 100,
+                  data: [
+                    {
+                      value: v.speed,
+                      name: '速度(mm/s)',
+                      title: {
+                        offsetCenter: [0, '-20%'],
+                      },
+                    }
+                  ]
                 },
-                center: ['60%', '70%'],
-                radius: '65%',
-                axisTick: {
-
-                  distance: 4
+                {
+                  name: 'Pressure',
+                  type: 'gauge',
+                  detail: {
+                    fontSize: 20,
+                    formatter: '{value}'
+                  },
+                  center: ['60%', '70%'],
+                  radius: '65%',
+                  axisTick: {
+
+                    distance: 4
+                  },
+                  pointer: {
+                    length: '50%',
+                    width: 4
+                  },
+                  data: [
+                    {
+                      value: v.temperature,
+                      name: '温度(℃)',
+                      detail: {
+                        fontSize: 12,
+                      },
+                    }
+                  ]
                 },
-                pointer: {
-                  length: '50%',
-                  width: 4
-                },
-                data: [
-                  {
-                    value: 32,
-                    name: '温度(℃)',
-                    detail: {
-                      fontSize: 12,
-                    },
-                  }
-                ]
-              },
-            ]
-          };
-          chart.setOption(option)
+              ]
+            };
+            chart.setOption(option)
+          })
         }
       })
     }