From f97930769acb464e1f53117847ff35aadec00efe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Wed, 24 Apr 2024 17:37:35 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E4=BA=A7=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ArrayTemperatureData.html                 | 55 ++++++++++---------
 1 file changed, 30 insertions(+), 25 deletions(-)

diff --git a/ruoyi-admin/src/main/resources/templates/system/ArrayTemperatureData/ArrayTemperatureData.html b/ruoyi-admin/src/main/resources/templates/system/ArrayTemperatureData/ArrayTemperatureData.html
index f84757c..2de6d82 100644
--- a/ruoyi-admin/src/main/resources/templates/system/ArrayTemperatureData/ArrayTemperatureData.html
+++ b/ruoyi-admin/src/main/resources/templates/system/ArrayTemperatureData/ArrayTemperatureData.html
@@ -6276,37 +6276,42 @@
 <script>
   $(()=>{
 
-    // 假设有一个颜色数组
-    const colors = [];
-    for(let i = 0;i<768;i+=3){
-      colors.push('#FF0000')
-      colors.push('#00FF00')
-      colors.push('#0000FF')
+    let getColorByTemperature = {
+      23:'#ff0000',
+      24:'#0000ff'
     }
+    $.post(prefix+'/newDataStreak',(e)=>{
+      let colors = []
+      for(i in e.rows[0]){
+        if(i.includes('site')){
+          colors.push(getColorByTemperature[e.rows[0][i]])
+        }
+      }
 
-    // 获取canvas元素并设置上下文
-    const canvas = document.getElementById('canvas');
-    const ctx = canvas.getContext('2d');
+      const canvas = document.getElementById('canvas');
+      const ctx = canvas.getContext('2d');
 
-    // 设置canvas的宽度和高度
-    const width = $('#canvasDiv').width();
-    const height =($('#canvasDiv').width()/32) *24;
-    canvas.width = width;
-    canvas.height = height;
+      // 设置canvas的宽度和高度
+      const width = $('#canvasDiv').width();
+      const height =($('#canvasDiv').width()/32) *24;
+      canvas.width = width;
+      canvas.height = height;
 
-    const gridWidth = width / 32;
-    const gridHeight = height / 24;
+      const gridWidth = width / 32;
+      const gridHeight = height / 24;
 
-    // 遍历颜色数组，绘制矩形
-    for (let i = 0; i < 768; i++) {
-      const color = colors[i]; // 获取当前颜色
-      const x = (i % 32) * gridWidth; // 计算x坐标
-      const y = Math.floor(i / 32) * gridHeight; // 计算y坐标
+      // 遍历颜色数组，绘制矩形
+      for (let i = 0; i < 768; i++) {
+        const color = colors[i]; // 获取当前颜色
+        const x = (i % 32) * gridWidth; // 计算x坐标
+        const y = Math.floor(i / 32) * gridHeight; // 计算y坐标
 
-      // 绘制格子
-      ctx.fillStyle = color; // 设置填充颜色为十六进制颜色值
-      ctx.fillRect(x, y, gridWidth, gridHeight); // 绘制矩形格子
-    }
+        // 绘制格子
+        ctx.fillStyle = color; // 设置填充颜色为十六进制颜色值
+        ctx.fillRect(x, y, gridWidth, gridHeight); // 绘制矩形格子
+      }
+
+    })
   })
 
 </script>