生产图片

ruoyi-admin/src/main/resources/templates/system/ArrayTemperatureData/ArrayTemperatureData.html

@@ -6276,15 +6276,18 @@
 <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');
 
@@ -6307,6 +6310,8 @@
         ctx.fillStyle = color; // 设置填充颜色为十六进制颜色值
         ctx.fillRect(x, y, gridWidth, gridHeight); // 绘制矩形格子
       }
+
+    })
   })
 
 </script>