|
|
@ -6276,15 +6276,18 @@
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
$(()=>{
|
|
|
|
$(()=>{
|
|
|
|
|
|
|
|
|
|
|
|
// 假设有一个颜色数组
|
|
|
|
let getColorByTemperature = {
|
|
|
|
const colors = [];
|
|
|
|
23:'#ff0000',
|
|
|
|
for(let i = 0;i<768;i+=3){
|
|
|
|
24:'#0000ff'
|
|
|
|
colors.push('#FF0000')
|
|
|
|
}
|
|
|
|
colors.push('#00FF00')
|
|
|
|
$.post(prefix+'/newDataStreak',(e)=>{
|
|
|
|
colors.push('#0000FF')
|
|
|
|
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 canvas = document.getElementById('canvas');
|
|
|
|
const ctx = canvas.getContext('2d');
|
|
|
|
const ctx = canvas.getContext('2d');
|
|
|
|
|
|
|
|
|
|
|
@ -6307,6 +6310,8 @@
|
|
|
|
ctx.fillStyle = color; // 设置填充颜色为十六进制颜色值
|
|
|
|
ctx.fillStyle = color; // 设置填充颜色为十六进制颜色值
|
|
|
|
ctx.fillRect(x, y, gridWidth, gridHeight); // 绘制矩形格子
|
|
|
|
ctx.fillRect(x, y, gridWidth, gridHeight); // 绘制矩形格子
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|