火灾指标修改

src/views/vent/monitorManager/alarmMonitor/common/closeWall.vue

@@ -122,7 +122,7 @@
   let selectList = reactive<any[]>([]);
   let widthV = ref('75%');
   let heightV = ref('80%');
-  let coordDw = ref<any[]>([47, 95]);
+  let coordDw = ref<any[]>([31,62, 110]);
   let widthCanvas = ref(562);
   let heightCanvas = ref(316);
   //设备连接状态

src/views/vent/monitorManager/alarmMonitor/common/warnFire-bd.vue

@@ -28,7 +28,7 @@
 
   let widthV = ref('80%');
   let heightV = ref('80%');
-  let coordDw = ref<any[]>([50, 94]);
+  let coordDw = ref<any[]>([30,56, 119]);
   let widthCanvas = ref(1240);
   let heightCanvas = ref(364);
   let tableData = ref<any[]>([]);

src/views/vent/monitorManager/alarmMonitor/common/warnFire-brt.vue

@@ -29,7 +29,7 @@
 
   let widthV = ref('80%');
   let heightV = ref('80%');
-  let coordDw = ref<any[]>([50, 94]);
+  let coordDw = ref<any[]>([30,56, 119]);
   let widthCanvas = ref(1240);
   let heightCanvas = ref(364);
   let tableData = ref<any[]>([]);
@@ -80,32 +80,42 @@
         tableData.value = [
           {
             alarmType: 'fireWarn',
-            alarmdes: '<79.1,<0.12,',
+            alarmdes: '0-13.75ppm',
             level: '绿色预警',
-            temperature: '0-120℃',
-            alarmName: '缓慢氧化阶段（潜伏期）',
+            temperature: '0-30℃',
+            alarmName: '潜伏期阶段',
             id: '1811650465072791911',
-            alarmInfo: '一氧化碳,一氧化碳/二氧化碳,',
+            alarmInfo: 'CO',
             alarmcode: 'coval,coCo2,',
           },
           {
             alarmType: 'fireWarn',
-            alarmdes: '79.1-1653.6,0.12-0.46,<2.4,',
+            alarmdes: '13.75-67.2ppm,0.036-0.095',
             level: '黄色预警',
-            temperature: '120-200℃',
-            alarmName: '加速氧化阶段（自热期）',
+            temperature: '30-70℃',
+            alarmName: '缓慢氧化升温阶段',
             id: '1811650534094258912',
-            alarmInfo: '一氧化碳,一氧化碳/二氧化碳,乙烯,',
+            alarmInfo: 'CO,CO / CO₂‌',
             alarmcode: 'coval,coCo2,ch2val,',
           },
           {
             alarmType: 'fireWarn',
-            alarmdes: '>1653.6,>0.46,>2.4,>0.0,',
+            alarmdes: '67.2-1606.3ppm,0.095-0.322,<2,<1.5',
+            level: '橙色预警',
+            temperature: '70-120℃',
+            alarmName: '加速氧化升温阶段',
+            id: '1811650534094258912',
+            alarmInfo: 'CO,CO / CO₂‌,C₂H₄,CH₃CH₂CH₃ / CH₃CH₃‌‌',
+            alarmcode: 'coval,coCo2,ch2val,',
+          },
+          {
+            alarmType: 'fireWarn',
+            alarmdes: '>1606.3ppm,>0.322,>2,>1.5,>0',
             level: '红色预警',
-            temperature: '>200℃',
-            alarmName: '剧烈氧化阶段（燃烧期）',
+            temperature: '>120℃',
+            alarmName: '剧烈氧化升温阶段',
             id: '1811650769583423913',
-            alarmInfo: '一氧化碳,一氧化碳/二氧化碳,乙烯,乙炔,',
+            alarmInfo: 'CO,CO / CO₂‌,C₂H₄,CH₃CH₂CH₃ / CH₃CH₃‌‌,C₂H₂',
             alarmcode: 'coval,coCo2,ch2val,chval,',
           },
         ];

src/views/vent/monitorManager/alarmMonitor/common/warnZb.vue

@@ -6,27 +6,34 @@
       <div class="name-x" >时间</div>
       <div class="name-y" >温度(℃)</div>
       <div class="coord-dw">
-        <div class="dw-item" :style="{ bottom: `${coordDw[0]}px` }">120℃</div>
-        <div class="dw-item" :style="{ bottom: `${coordDw[1]}px` }">200℃</div>
+        <div class="dw-item" :style="{ bottom: `${coordDw[0]}px` }">30℃</div>
+        <div class="dw-item" :style="{ bottom: `${coordDw[1]}px` }">70℃</div>
+        <div class="dw-item" :style="{ bottom: `${coordDw[2]}px` }">120℃</div>
         <!-- <div class="dw-item" :style="{ bottom: `${coordDw[2]}px` }">70~80℃</div>
         <div class="dw-item" :style="{ bottom: `${coordDw[3]}px` }">90~110℃</div>
         <div class="dw-item" :style="{ bottom: `${coordDw[4]}px` }">130~160℃</div>
         <div class="dw-item" :style="{ bottom: `${coordDw[5]}px` }">210~350℃</div> -->
       </div>
       <div class="coord-bj">
-        <div class="bj-qfq" :style="{ width: widthCanvas < 600 ? '180px' : '401px' }">
+        <div class="bj-qfq" :style="{ width: widthCanvas < 600 ? '110px' : '201px' }">
+          <div class="left-jt"></div>
+          <div class="line"></div>
+          <div class="right-jt"></div>
+          <div class="text">潜伏期阶段</div>
+        </div>
+        <div class="bj-qfq" :style="{ width: widthCanvas < 600 ? '111px' : '200px' }">
           <div class="left-jt"></div>
           <div class="line"></div>
           <div class="right-jt"></div>
           <div class="text">缓慢氧化阶段</div>
         </div>
-        <div class="bj-zrq" :style="{ width: widthCanvas < 600 ? '121px' : '250px' }">
+        <div class="bj-zrq" :style="{ width: widthCanvas < 600 ? '109px' : '279px' }">
           <div class="left-jt"></div>
           <div class="line"></div>
           <div class="right-jt"></div>
           <div class="text">加速氧化阶段</div>
         </div>
-        <div class="bj-rsq" :style="{ width: widthCanvas < 600 ? '180px' : '570px' }">
+        <div class="bj-rsq" :style="{ width: widthCanvas < 600 ? '180px' : '500px' }">
           <div class="left-jt"></div>
           <div class="line"></div>
           <div class="text">剧烈氧化阶段</div>
@@ -88,7 +95,7 @@ function getCanvas() {
   let canvas = document.getElementById('myCanvas');
   let ctx = canvas.getContext('2d');
   let x = 0;
-  let step = props.widthCanvas < 600 ? 0.02 : 0.05; // 设置每次递增的长度
+  let step = props.widthCanvas < 600 ? 0.02 : 0.04; // 设置每次递增的长度
   let y = props.widthCanvas < 600 ? 280 : 325; // 初始y坐标
   // 设置线条样式
   ctx.strokeStyle = '#3df6ff'; // 红色线条
@@ -114,94 +121,51 @@ function getCanvas() {
     ctx.lineTo(xValues[i], yValues[i]);
     if(props.warnLevel=='绿色预警'){
       ctx.fillStyle = 'rgba(145, 230, 9)'; // 设置填充颜色
-      if(props.widthCanvas < 600 && i<=9000){
+      if(props.widthCanvas < 600 && i<=5500){
         ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
-      }else if(i<=8000) {
+      }else if(i<=5000) {
         ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
       }
     }else if(props.warnLevel=='黄色预警'){
       ctx.fillStyle = 'rgba(255, 255, 53)'; // 设置填充颜色
-      if(props.widthCanvas < 600 && i<=15000){
+      if(props.widthCanvas < 600 && i<=11000){
         ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
-      }else if(i<=13000) {
+      }else if(i<=10000) {
         ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
       }
-    }else if(props.warnLevel=='红色预警'){
+    }else if(props.warnLevel=='橙色预警'){
+      ctx.fillStyle = 'rgba(255, 111, 0)'; // 设置填充颜色
+      if(props.widthCanvas < 600 && i<=16500){
+        ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
+      }else if(i<=17000) {
+        ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
+      }
+    } else if(props.warnLevel=='红色预警'){
       ctx.fillStyle = 'rgba(255, 0, 0)'; // 设置填充颜色
-      if(props.widthCanvas < 600 && i>15000){
+      if(props.widthCanvas < 600 && i>16500){
         ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
-      }else if(i>13000) {
+      }else if(i>17000) {
         ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
       }
     }
-    // else if(props.warnLevel=='4'){
-    //   ctx.fillStyle = 'rgba(255, 190, 105)'; // 设置填充颜色
-    //   if(props.widthCanvas < 600 && i<=18000){
-    //     ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
-    //   }else if(i<=16000) {
-    //     ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
-    //   }
-    // }else if(props.warnLevel=='5'){
-    //   ctx.fillStyle = 'rgba(255, 111, 0)'; // 设置填充颜色
-    //   if(props.widthCanvas < 600 && i<=22500){
-    //     ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
-    //   }else if(i<=20000) {
-    //     ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
-    //   }
-    // }else if(props.warnLevel=='6'){
-    //   ctx.fillStyle = 'rgba(255, 0, 0)'; // 设置填充颜色
-    //   if(props.widthCanvas < 600 && i<=27000){
-    //     ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
-    //   }else if(i<=22000) {
-    //     ctx.fillRect(xValues[i], yValues[i], step, canvas.height - yValues[i]);
-    //   }
-    // }
-  
   }
   ctx.stroke();
 
   //标记点1
-  // ctx.beginPath();
-  // ctx.arc(xValues[props.widthCanvas < 600 ? 4500 : 4000], yValues[props.widthCanvas < 600 ? 4500 : 4000], 6, 0, 2 * Math.PI);
-  // ctx.fillStyle = '#ff6363';
-  // ctx.fill();
   ctx.beginPath();
-  ctx.arc(xValues[props.widthCanvas < 600 ? 9000 : 8000], yValues[props.widthCanvas < 600 ? 9000 : 8000], 6, 0, 2 * Math.PI);
+  ctx.arc(xValues[props.widthCanvas < 600 ? 5500 : 5000], yValues[props.widthCanvas < 600 ? 5500 : 5000], 6, 0, 2 * Math.PI);
   ctx.fillStyle = '#ff6363';
   ctx.fill();
   //标记点2
   ctx.beginPath();
-  ctx.arc(xValues[props.widthCanvas < 600 ? 15000 : 13000], yValues[props.widthCanvas < 600 ? 15000 : 13000], 6, 0, 2 * Math.PI);
+  ctx.arc(xValues[props.widthCanvas < 600 ? 11000 : 10000], yValues[props.widthCanvas < 600 ? 11000 : 10000], 6, 0, 2 * Math.PI);
+  ctx.fillStyle = '#ff6363';
+  ctx.fill();
+  //标记点3
+  ctx.beginPath();
+  ctx.arc(xValues[props.widthCanvas < 600 ? 16500 : 17000], yValues[props.widthCanvas < 600 ? 16500 : 17000], 6, 0, 2 * Math.PI);
   ctx.fillStyle = '#ff6363';
   ctx.fill();
-  // //标记点3
-  // ctx.beginPath();
-  // ctx.arc(xValues[props.widthCanvas < 600 ? 13500 : 12000], yValues[props.widthCanvas < 600 ? 13500 : 12000], 6, 0, 2 * Math.PI);
-  // ctx.fillStyle = '#ff6363';
-  // ctx.fill();
-  // // 在点附近添加文字
-  // ctx.font = '12px Arial';
-  // ctx.fillStyle = '#ff6363';
-  // ctx.fillText('临界', xValues[props.widthCanvas < 600 ? 13500 : 12000] - 10, yValues[props.widthCanvas < 600 ? 13500 : 12000] - 15); // 文字位置略微偏上，以便于文字与点对齐
-  // //标记点4
-  // ctx.beginPath();
-  // ctx.arc(xValues[props.widthCanvas < 600 ? 18000 : 16000], yValues[props.widthCanvas < 600 ? 18000 : 16000], 6, 0, 2 * Math.PI);
-  // ctx.fillStyle = '#ff6363';
-  // ctx.fill();
-  // //标记点5
-  // ctx.beginPath();
-  // ctx.arc(xValues[props.widthCanvas < 600 ? 22500 : 20000], yValues[props.widthCanvas < 600 ? 22500 : 20000], 6, 0, 2 * Math.PI);
-  // ctx.fillStyle = '#ff6363';
-  // ctx.fill();
-  // // 在点附近添加文字
-  // ctx.font = '12px Arial';
-  // ctx.fillStyle = '#ff6363';
-  // ctx.fillText('征兆', xValues[props.widthCanvas < 600 ? 22500 : 20000] - 10, yValues[props.widthCanvas < 600 ? 22500 : 20000] - 15); // 文字位置略微偏上，以便于文字与点对齐
-  // //标记点5
-  // ctx.beginPath();
-  // ctx.arc(xValues[props.widthCanvas < 600 ? 27000 : 22000], yValues[props.widthCanvas < 600 ? 27000 : 22000], 6, 0, 2 * Math.PI);
-  // ctx.fillStyle = '#ff6363';
-  // ctx.fill();
   // // 在点附近添加文字
   // ctx.font = '12px Arial';
   // ctx.fillStyle = '#ff6363';
@@ -215,13 +179,13 @@ function getCanvas() {
   ctx.setLineDash([5, 5]);
   //绘制标记点1线条-x
   ctx.beginPath();
-  ctx.moveTo(0, yValues[props.widthCanvas < 600 ? 9000 : 8000]); // 开始绘制的点
-  ctx.lineTo(xValues[props.widthCanvas < 600 ? 9000 : 8000], yValues[props.widthCanvas < 600 ? 9000 : 8000]); // 结束绘制的点
+  ctx.moveTo(0, yValues[props.widthCanvas < 600 ? 5500 : 5000]); // 开始绘制的点
+  ctx.lineTo(xValues[props.widthCanvas < 600 ? 5500 : 5000], yValues[props.widthCanvas < 600 ? 5500 : 5000]); // 结束绘制的点
   ctx.stroke(); // 进行绘制
-  //绘制标记点1线条-y
+  //绘制标记点2线条-y
   ctx.beginPath();
-  ctx.moveTo(xValues[props.widthCanvas < 600 ? 9000 : 8000], yValues[props.widthCanvas < 600 ? 9000 : 8000]); // 开始绘制的点
-  ctx.lineTo(xValues[props.widthCanvas < 600 ? 9000 : 8000], canvas.height); // 结束绘制的点
+  ctx.moveTo(xValues[props.widthCanvas < 600 ? 5500 : 5000], yValues[props.widthCanvas < 600 ? 5500 : 5000]); // 开始绘制的点
+  ctx.lineTo(xValues[props.widthCanvas < 600 ? 5500 : 5000], canvas.height); // 结束绘制的点
   ctx.stroke(); // 进行绘制
   // // 在线条附近添加文字
   // ctx.font = '12px Arial';
@@ -233,96 +197,27 @@ function getCanvas() {
   //   ctx.fillText('潜伏阶段', xValues[props.widthCanvas < 600 ? 9000 : 8000] - 120, yValues[props.widthCanvas < 600 ? 9000 : 8000] + 18); // 文字位置略微偏上，以便于文字与点对齐
   //   ctx.fillText('氧化阶段', xValues[props.widthCanvas < 600 ? 9000 : 8000] - 120, yValues[props.widthCanvas < 600 ? 9000 : 8000] - 5); // 文字位置略微偏上，以便于文字与点对齐
   // }
+  //绘制标记点3线条-x
+  ctx.beginPath();
+  ctx.moveTo(0, yValues[props.widthCanvas < 600 ? 11000 : 10000]); // 开始绘制的点
+  ctx.lineTo(xValues[props.widthCanvas < 600 ? 11000 : 11000], yValues[props.widthCanvas < 600 ? 11000 : 10000]); // 结束绘制的点
+  ctx.stroke(); // 进行绘制
+  //绘制标记点2线条-y
+  ctx.beginPath();
+  ctx.moveTo(xValues[props.widthCanvas < 600 ? 11000 : 10000], yValues[props.widthCanvas < 600 ? 11000 : 10000]); // 开始绘制的点
+  ctx.lineTo(xValues[props.widthCanvas < 600 ? 11000 : 10000], canvas.height); // 结束绘制的点
+  ctx.stroke(); // 进行绘制
+
   //绘制标记点2线条-x
   ctx.beginPath();
-  ctx.moveTo(0, yValues[props.widthCanvas < 600 ? 15000 : 13000]); // 开始绘制的点
-  ctx.lineTo(xValues[props.widthCanvas < 600 ? 15000 : 13000], yValues[props.widthCanvas < 600 ? 15000 : 13000]); // 结束绘制的点
+  ctx.moveTo(0, yValues[props.widthCanvas < 600 ? 16500 : 17000]); // 开始绘制的点
+  ctx.lineTo(xValues[props.widthCanvas < 600 ? 16500 : 17000], yValues[props.widthCanvas < 600 ? 16500 : 17000]); // 结束绘制的点
   ctx.stroke(); // 进行绘制
   //绘制标记点2线条-y
   ctx.beginPath();
-  ctx.moveTo(xValues[props.widthCanvas < 600 ? 15000 : 13000], yValues[props.widthCanvas < 600 ? 15000 : 13000]); // 开始绘制的点
-  ctx.lineTo(xValues[props.widthCanvas < 600 ? 15000 : 13000], canvas.height); // 结束绘制的点
+  ctx.moveTo(xValues[props.widthCanvas < 600 ? 16500 : 17000], yValues[props.widthCanvas < 600 ? 16500 : 17000]); // 开始绘制的点
+  ctx.lineTo(xValues[props.widthCanvas < 600 ? 16500 : 17000], canvas.height); // 结束绘制的点
   ctx.stroke(); // 进行绘制
-  // // 在线条附近添加文字
-  // ctx.font = '12px Arial';
-  // ctx.fillStyle = '#2aadf3';
-  // if (props.widthCanvas < 600) {
-  //   ctx.fillText('自热阶段', xValues[props.widthCanvas < 600 ? 13500 : 12000] - 160, yValues[props.widthCanvas < 600 ? 13500 : 12000] - 12); // 文字位置略微偏上，以便于文字与点对齐
-  // } else {
-  //   ctx.fillText('自热阶段', xValues[props.widthCanvas < 600 ? 13500 : 12000] - 320, yValues[props.widthCanvas < 600 ? 13500 : 12000] - 12); // 文字位置略微偏上，以便于文字与点对齐
-  // }
-  // //绘制标记点3线条-x
-  // ctx.beginPath();
-  // ctx.moveTo(0, yValues[props.widthCanvas < 600 ? 13500 : 12000]); // 开始绘制的点
-  // ctx.lineTo(xValues[props.widthCanvas < 600 ? 13500 : 12000], yValues[props.widthCanvas < 600 ? 13500 : 12000]); // 结束绘制的点
-  // ctx.stroke(); // 进行绘制
-  // //绘制标记点3线条-y
-  // ctx.beginPath();
-  // ctx.moveTo(xValues[props.widthCanvas < 600 ? 13500 : 12000], yValues[props.widthCanvas < 600 ? 13500 : 12000]); // 开始绘制的点
-  // ctx.lineTo(xValues[props.widthCanvas < 600 ? 13500 : 12000], canvas.height); // 结束绘制的点
-  // ctx.stroke(); // 进行绘制
-  // // 在线条附近添加文字
-  // ctx.font = '12px Arial';
-  // ctx.fillStyle = '#2aadf3';
-  // if (props.widthCanvas < 600) {
-  //   ctx.fillText('临界阶段', xValues[props.widthCanvas < 600 ? 13500 : 12000] - 250, yValues[props.widthCanvas < 600 ? 13500 : 12000] - 20); // 文字位置略微偏上，以便于文字与点对齐
-  // } else {
-  //   ctx.fillText('临界阶段', xValues[props.widthCanvas < 600 ? 13500 : 12000] - 520, yValues[props.widthCanvas < 600 ? 13500 : 12000] - 20); // 文字位置略微偏上，以便于文字与点对齐
-  // }
-  // //绘制标记点4线条-x
-  // ctx.beginPath();
-  // ctx.moveTo(0, yValues[props.widthCanvas < 600 ? 18000 : 16000]); // 开始绘制的点
-  // ctx.lineTo(xValues[props.widthCanvas < 600 ? 18000 : 16000], yValues[props.widthCanvas < 600 ? 18000 : 16000]); // 结束绘制的点
-  // ctx.stroke(); // 进行绘制
-  // //绘制标记点4线条-y
-  // ctx.beginPath();
-  // ctx.moveTo(xValues[props.widthCanvas < 600 ? 18000 : 16000], yValues[props.widthCanvas < 600 ? 18000 : 16000]); // 开始绘制的点
-  // ctx.lineTo(xValues[props.widthCanvas < 600 ? 18000 : 16000], canvas.height); // 结束绘制的点
-  // ctx.stroke(); // 进行绘制
-  // // 在线条附近添加文字
-  // ctx.font = '12px Arial';
-  // ctx.fillStyle = '#2aadf3';
-  // if (props.widthCanvas < 600) {
-  //   ctx.fillText('热解阶段', xValues[props.widthCanvas < 600 ? 18000 : 16000] - 340, yValues[props.widthCanvas < 600 ? 18000 : 16000] - 25); // 文字位置略微偏上，以便于文字与点对齐
-  // } else {
-  //   ctx.fillText('热解阶段', xValues[props.widthCanvas < 600 ? 18000 : 16000] - 720, yValues[props.widthCanvas < 600 ? 18000 : 16000] - 25); // 文字位置略微偏上，以便于文字与点对齐
-  // }
-  // //绘制标记点5线条-x
-  // ctx.beginPath();
-  // ctx.moveTo(0, yValues[props.widthCanvas < 600 ? 22500 : 20000]); // 开始绘制的点
-  // ctx.lineTo(xValues[props.widthCanvas < 600 ? 22500 : 20000], yValues[props.widthCanvas < 600 ? 22500 : 20000]); // 结束绘制的点
-  // ctx.stroke(); // 进行绘制
-  // //绘制标记点5线条-y
-  // ctx.beginPath();
-  // ctx.moveTo(xValues[props.widthCanvas < 600 ? 22500 : 20000], yValues[props.widthCanvas < 600 ? 22500 : 20000]); // 开始绘制的点
-  // ctx.lineTo(xValues[props.widthCanvas < 600 ? 22500 : 20000], canvas.height); // 结束绘制的点
-  // ctx.stroke(); // 进行绘制
-  // // 在线条附近添加文字
-  // ctx.font = '12px Arial';
-  // ctx.fillStyle = '#2aadf3';
-  // if (props.widthCanvas < 600) {
-  //   ctx.fillText('裂变阶段', xValues[props.widthCanvas < 600 ? 22500 : 20000] - 430, yValues[props.widthCanvas < 600 ? 22500 : 20000] - 30); // 文字位置略微偏上，以便于文字与点对齐
-  // } else {
-  //   ctx.fillText('裂变阶段', xValues[props.widthCanvas < 600 ? 22500 : 20000] - 920, yValues[props.widthCanvas < 600 ? 22500 : 20000] - 15); // 文字位置略微偏上，以便于文字与点对齐
-  // }
-  // //绘制标记点6线条-x
-  // ctx.beginPath();
-  // ctx.moveTo(0, yValues[props.widthCanvas < 600 ? 27000 : 22000]); // 开始绘制的点
-  // ctx.lineTo(xValues[props.widthCanvas < 600 ? 27000 : 22000], yValues[props.widthCanvas < 600 ? 27000 : 22000]); // 结束绘制的点
-  // ctx.stroke(); // 进行绘制
-  // //绘制标记点6线条-y
-  // ctx.beginPath();
-  // ctx.moveTo(xValues[props.widthCanvas < 600 ? 27000 : 22000], yValues[props.widthCanvas < 600 ? 27000 : 22000]); // 开始绘制的点
-  // ctx.lineTo(xValues[props.widthCanvas < 600 ? 27000 : 22000], canvas.height); // 结束绘制的点
-  // ctx.stroke(); // 进行绘制
-  // // 在线条附近添加文字
-  // ctx.font = '12px Arial';
-  // ctx.fillStyle = '#2aadf3';
-  // if (props.widthCanvas < 600) {
-  //   ctx.fillText('燃烧阶段', xValues[props.widthCanvas < 600 ? 27000 : 22000] - 520, yValues[props.widthCanvas < 600 ? 27000 : 22000] - 15); // 文字位置略微偏上，以便于文字与点对齐
-  // } else {
-  //   ctx.fillText('燃烧阶段', xValues[props.widthCanvas < 600 ? 27000 : 22000] - 1020, yValues[props.widthCanvas < 600 ? 27000 : 22000] - 15); // 文字位置略微偏上，以便于文字与点对齐
-  // }
 }