diff --git a/static/js/sensor-1.js b/static/js/sensor-1.js index 473e2f9..4a5c46e 100644 --- a/static/js/sensor-1.js +++ b/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`; - }) + + diff --git a/static/js/sensor-2.js b/static/js/sensor-2.js index e4e371c..7958e80 100644 --- a/static/js/sensor-2.js +++ b/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);}) + diff --git a/static/js/sensor-3.js b/static/js/sensor-3.js index ad2b7b1..bd5c56f 100644 --- a/static/js/sensor-3.js +++ b/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(); // 初始加载数据 diff --git a/static/js/sensor-4.js b/static/js/sensor-4.js index bd6fc59..9b7426f 100644 --- a/static/js/sensor-4.js +++ b/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(); // 初始加载数据