modified: static/js/sensor-1.js

modified:   static/js/sensor-2.js
	modified:   static/js/sensor-3.js
	modified:   static/js/sensor-4.js

static/js/sensor-1.js

@@ -7,12 +7,12 @@ document.addEventListener('DOMContentLoaded', function () {
     var temperatures = [];
 
     function fetchAndUpdateData() {
-        fetch('http://127.0.0.1:8000/get_sensor_data')
+        fetchLatestSensorData()
+        fetch('http://111.230.197.156:8000/get_sensor_data')
             .then(response => response.json())
             .then(data => {
                 timestamps = data.timestamps.slice(-200); // 只保留最新的200个数据
                 temperatures = data.temperatures.slice(-200); // 只保留最新的200个数据
-
                 var option = {
                     title: {
                         text: '温度数据',
@@ -54,10 +54,10 @@ document.addEventListener('DOMContentLoaded', function () {
                 myChart.setOption(option);
             });
 
-        fetch('http://127.0.0.1:8000/get_latest_sensor_data')
+        fetch('http://111.230.197.156:8000/get_latest_sensor_data')
             .then(response => response.json())
             .then(data => {
-                document.getElementById('temperature').textContent = `当前温度: ${data.temperature}°C`;
+                document.getElementById('temperature').textContent = `当前温度: ${temperatures.slice(-1)}°C`;
             });
     }
 
@@ -69,14 +69,11 @@ document.addEventListener('DOMContentLoaded', function () {
 
 //获取当前的湿度
 async function fetchLatestSensorData() {
-        const response = await fetch('http://127.0.0.1:8000/get_latest_sensor_data');
+        const response = await fetch('http://111.230.197.156:8000/get_latest_sensor_data');
         const data = await response.json();
-        document.getElementById('temperature').textContent = `当前温度: ${data.temperature}℃`;
+        document.getElementById('temperature').textContent = `当前温度: ${temperatures.slice(-1)}℃`;
+        
+    
     }
-    // 每秒刷新一次数据
-    fetch('http://127.0.0.1:8000/get_latest_sensor_data')
-            .then(response => response.json())
-            .then(data => {
-                fetchLatestSensorData();// 初始加载数据
-                document.getElementById('temperature').textContent = `当前温度: ${data.temperature}°C`;
-                  })
+
+

static/js/sensor-2.js

@@ -7,11 +7,12 @@ document.addEventListener('DOMContentLoaded', function () {
     var humidities = [];
 
     function fetchAndUpdateData() {
-        fetch('http://127.0.0.1:8000/get_sensor_data')
+        fetchLatestSensorData()
+        fetch('http://111.230.197.156:8000/get_sensor_data')
             .then(response => response.json())
             .then(data => {
                 timestamps = data.timestamps.slice(-200); // 只保留最新的200个数据
-                temperatures = data.humidities.slice(-200); // 只保留最新的200个数据
+                humidity = data.humidities.slice(-200); // 只保留最新的200个数据
 
                 var option = {
                     title: {
@@ -31,7 +32,7 @@ document.addEventListener('DOMContentLoaded', function () {
                     },
                     xAxis: {
                         type: 'category',
-                        data: data.timestamps,
+                        data: timestamps,
                         axisLabel: {
                             color: 'white'
                         }
@@ -46,7 +47,7 @@ document.addEventListener('DOMContentLoaded', function () {
                         {
                             name: '湿度',
                             type: 'line',
-                            data: data.humidities
+                            data: humidity
 
                         }
                     ]
@@ -54,10 +55,10 @@ document.addEventListener('DOMContentLoaded', function () {
 
                 myChart.setOption(option);
             });
-        fetch('http://127.0.0.1:8000/get_latest_sensor_data')
+        fetch('http://111.230.197.156:8000/get_latest_sensor_data')
             .then(response => response.json())
             .then(data => {
-                document.getElementById('humidity').textContent = `当前湿度: ${data.humidity}°C`;
+                document.getElementById('humidity').textContent = `当前湿度: ${humidity.slice(-1)}%`;
             });
    }
 
@@ -70,13 +71,9 @@ document.addEventListener('DOMContentLoaded', function () {
 
 //获取当前的湿度
 async function fetchLatestSensorData() {
-        const response = await fetch('http://127.0.0.1:8000/get_latest_sensor_data');
+        const response = await fetch('http://111.230.197.156:8000/get_latest_sensor_data');
         const data = await response.json();
-        document.getElementById('humidity').textContent = `当前湿度: ${data.humidity}%`;
+        document.getElementById('humidity').textContent = `当前湿度: ${humidity.slice(-1)}%`;
     }
     // 每5秒刷新一次数据
-    fetch('http://127.0.0.1:8000/get_latest_sensor_data')
-            .then(response => response.json())
-            .then(data => {
-    fetchLatestSensorData(); // 初始加载数据
-    document.addEventListener('DOMContentLoaded', fetchLatestSensorData);})
+

static/js/sensor-3.js

@@ -7,7 +7,7 @@ document.addEventListener('DOMContentLoaded', function () {
     var co2 = [];
 
 function fetchAndUpdateData() {
-    fetch('http://127.0.0.1:8000/get_sensor_data')
+    fetch('http://111.230.197.156:8000/get_sensor_data')
         .then(response => response.json())
         .then(data => {
             timestamps = data.timestamps.slice(-200); // 只保留最新的200个数据
@@ -30,7 +30,7 @@ function fetchAndUpdateData() {
                 },
                 xAxis: {
                     type: 'category',
-                    data: data.timestamps,
+                    data: timestamps,
                     axisLabel: {
                         color: 'white'
                     }
@@ -45,17 +45,17 @@ function fetchAndUpdateData() {
                     {
                         name: 'co2',
                         type: 'line',
-                        data: data.co2
+                        data: co2
                         
                     }
                 ]
             };
             myChart.setOption(option);
         });
-        fetch('http://127.0.0.1:8000/get_latest_sensor_data')
+        fetch('http://111.230.197.156:8000/get_latest_sensor_data')
             .then(response => response.json())
             .then(data => {
-                document.getElementById('co2').textContent = `当前co2: ${data.co2}°C`;
+                document.getElementById('co2').textContent = `当前co2: ${co2.slice(-1)}%`;
             });
     }
     // 每5秒刷新一次数据
@@ -66,12 +66,12 @@ function fetchAndUpdateData() {
 
 //获取当前的湿度
 async function fetchLatestSensorData() {
-        const response = await fetch('http://127.0.0.1:8000/get_latest_sensor_data');
+        const response = await fetch('http://111.230.197.156:8000/get_latest_sensor_data');
         const data = await response.json();
-        document.getElementById('co2').textContent = `当前co2: ${data.co2}%`;
+        document.getElementById('co2').textContent = `当前co2: ${co2.slice(-1)}%`;
     }
     // 每5秒刷新一次数据
-    fetch('http://127.0.0.1:8000/get_latest_sensor_data')
+    fetch('http://111.230.197.156:8000/get_latest_sensor_data')
             .then(response => response.json())
             .then(data => {
     fetchLatestSensorData(); // 初始加载数据

static/js/sensor-4.js

@@ -7,7 +7,7 @@ document.addEventListener('DOMContentLoaded', function () {
     var pressure = [];
 
 function fetchAndUpdateData() {
-    fetch('http://127.0.0.1:8000/get_sensor_data')
+    fetch('http://111.230.197.156:8000/get_sensor_data')
         .then(response => response.json())
         .then(data => {
             timestamps = data.timestamps.slice(-200); // 只保留最新的200个数据
@@ -31,7 +31,7 @@ function fetchAndUpdateData() {
                 },
                 xAxis: {
                     type: 'category',
-                    data: data.timestamps,
+                    data: timestamps,
                     axisLabel: {
                         color: 'white'
                     }
@@ -46,7 +46,7 @@ function fetchAndUpdateData() {
                     {
                         name: 'pressure',
                         type: 'line',
-                        data: data.pressure
+                        data: pressure
                         
                     }
                 ]
@@ -54,10 +54,10 @@ function fetchAndUpdateData() {
 
             myChart.setOption(option);
         });
-        fetch('http://127.0.0.1:8000/get_latest_sensor_data')
+        fetch('http://111.230.197.156:8000/get_latest_sensor_data')
             .then(response => response.json())
             .then(data => {
-                document.getElementById('pressure').textContent = `当前压力: ${data.pressure}Pa`;
+                document.getElementById('pressure').textContent = `当前压力: ${pressure.slice(-1)}Pa`;
             });
     }
     // 每5秒刷新一次数据
@@ -68,12 +68,12 @@ function fetchAndUpdateData() {
 
 //获取当前的湿度
 async function fetchLatestSensorData() {
-        const response = await fetch('http://127.0.0.1:8000/get_latest_sensor_data');
+        const response = await fetch('http://111.230.197.156:8000/get_latest_sensor_data');
         const data = await response.json();
-        document.getElementById('pressure').textContent = `当前压力: ${data.pressure}Pa`;
+        document.getElementById('pressure').textContent = `当前压力: ${pressure.slice(-1)}Pa`;
     }
     // 每5秒刷新一次数据
-    fetch('http://127.0.0.1:8000/get_latest_sensor_data')
+    fetch('http://111.230.197.156:8000/get_latest_sensor_data')
             .then(response => response.json())
             .then(data => {
     fetchLatestSensorData(); // 初始加载数据