diff --git a/src/views/TestLine/drpOption.js b/src/views/TestLine/drpOption.js
index 20b954b..26fa204 100644
--- a/src/views/TestLine/drpOption.js
+++ b/src/views/TestLine/drpOption.js
@@ -1,1416 +1,67 @@
import * as echarts from 'echarts';
import moment, { min } from 'moment';
-export default function drpOption(time = '', tabArr) {
+export default function drpOption(predict = [], history = []) {
+ console.log("predict", predict);
- const deadWaterData = [
- 88.25,
- 88.25,
- 88.25,
- 88.26,
- 88.28,
- 88.28,
- 88.29,
- 88.29,
- 88.25,
- 88.29,
- 88.29,
- 88.29,
- 88.29,
- 88.29,
- 88.29,
- 88.29,
- 88.29,
- 88.29,
- 88.29,
- 88.28,
- 88.28,
- 88.28,
- 88.28,
- 88.28,
- 88.28,
- 88.28,
- 88.28,
- 88.28,
- 88.3,
- 88.3,
- 88.31,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.32,
- 88.33,
- 88.34,
- 88.36,
- 88.37,
- 88.38,
- 88.39,
- 88.4,
- 88.4,
- 88.4,
- 88.4,
- 88.4,
- 88.4,
- 88.4,
- 88.4,
- 88.4,
- 88.41,
- 88.42,
- 88.43,
- 88.44,
- 88.45,
- 88.46,
- 88.46,
- 88.47,
- 88.47,
- 88.48,
- 88.48,
- 88.48,
- 88.48,
- 88.49,
- 88.5,
- 88.51,
- 88.52,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.53,
- 88.54,
- 88.55,
- 88.57,
- 88.58,
- 88.59,
- 88.61,
- 88.62,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.63,
- 88.64,
- 88.65,
- 88.66,
- 88.67,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.68,
- 88.67,
- 88.67,
- 88.67,
- 88.67,
- 88.68,
- 88.69,
- 88.7,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.7,
- 88.7,
- 88.7,
- 88.7,
- 88.7,
- 88.7,
- 88.7,
- 88.7,
- 88.71,
- 88.71,
- 88.72,
- 88.72,
- 88.72,
- 88.72,
- 88.72,
- 88.72,
- 88.72,
- 88.72,
- 88.72,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.71,
- 88.78,
- 88.78,
- 88.78,
- 88.78,
- 88.78,
- 88.78,
- 88.78,
- 88.78,
- 88.78,
- 88.77,
- 88.77,
- 88.77,
- 88.77,
- 88.77,
- 88.77,
- 88.77,
- 88.77,
- 88.77,
- 88.78,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.8,
- 88.81,
- 88.82,
- 88.82,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.83,
- 88.84,
- 88.86,
- 88.87,
- 88.89,
- 88.89,
- 88.9,
- 88.9,
- 88.9,
- 88.9,
- 88.9,
- 88.9,
- 88.9,
- 88.92,
- 88.94,
- 88.95,
- 88.96,
- 88.97,
- 88.96,
- 88.97,
- 88.97,
- 88.97,
- 88.98,
- 88.99,
- 89,
- 89,
- 89.02,
- 89.02,
- 89.03,
- 89.03,
- 89.03,
- 89.03,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.03,
- 89.04,
- 89.05,
- 89.05,
- 89.06,
- 89.06,
- 89.06,
- 89.06,
- 89.06,
- 89.06,
- 89.05,
- 89.05,
- 89.04,
- 89.03,
- 89.03,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.02,
- 89.01,
- 89.01,
- 89,
- 89,
- 88.99,
- 88.98,
- 88.97,
- 88.97,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.97,
- 88.98,
- 88.99,
- 89,
- 89,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89.02,
- 89.03,
- 89.05,
- 89.05,
- 89.06,
- 89.06,
- 89.08,
- 89.08,
- 89.09,
- 89.1,
- 89.12,
- 89.12,
- 89.13,
- 89.13,
- 89.14,
- 89.14,
- 89.15,
- 89.15,
- 89.16,
- 89.17,
- 89.18,
- 89.18,
- 89.2,
- 89.2,
- 89.2,
- 89.19,
- 89.18,
- 89.16,
- 89.14,
- 89.14,
- 89.14,
- 89.14,
- 89.13,
- 89.12,
- 89.11,
- 89.09,
- 89.08,
- 89.06,
- 89.05,
- 89.03,
- 89.01,
- 89,
- 88.98,
- 88.98,
- 88.97,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.93,
- 88.93,
- 88.92,
- 88.93,
- 88.94,
- 88.95,
- 88.96,
- 88.97,
- 88.97,
- 88.98,
- 88.98,
- 88.99,
- 88.99,
- 88.99,
- 88.99,
- 89,
- 89,
- 89,
- 89,
- 89,
- 89,
- 89,
- 89,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89.02,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89.01,
- 89,
- 89,
- 89,
- 89,
- 89,
- 88.99,
- 88.98,
- 88.98,
- 88.98,
- 88.98,
- 88.98,
- 88.98,
- 88.98,
- 88.97,
- 88.97,
- 88.96,
- 88.96,
- 88.96,
- 88.96,
- 88.95,
- 88.95,
- 88.95,
- 88.95,
- 88.95,
- 88.95,
- 88.96,
- 88.96,
- 88.97,
- 88.97,
- 88.98,
- 88.98,
- 88.99,
- 89,
- 89,
- 89,
- 89,
- 89,
- 89,
- 89,
- 89,
- 89,
- 88.99,
- 88.99,
- 88.98,
- 88.98,
- 88.98,
- 88.98,
- 88.98,
- 88.97,
- 88.97,
- 88.97,
- 88.97,
- 88.96,
- 88.96,
- 88.96,
- 88.95,
- 88.95,
- 88.94,
- 88.94,
- 88.94,
- 88.94,
- 88.93,
- 88.93,
- 88.93,
- 88.93,
- 88.93,
- 88.93,
- 88.92,
- 88.92,
- 88.92,
- 88.92,
- 88.92,
- 88.92,
- 88.92,
- 88.92,
- 88.92
- ];
- const deadRainData = [
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 2,
- 0.5,
- 0,
- 0.5,
- 2,
- 2.5,
- 1.5,
- 0,
- 0.5,
- 0.5,
- 1,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 0,
- 1.5,
- 0.5,
- 0,
- 1.5,
- 1.5,
- 0,
- 0,
- 0,
- 0,
- 2,
- 0.5,
- 1,
- 2,
- 0.5,
- 1.5,
- 0,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 2,
- 0,
- 2,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 0.5,
- 0,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 0,
- 3,
- 1.5,
- 2,
- 4,
- 2.5,
- 3,
- 1,
- 1,
- 1,
- 1,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 0.5,
- 0,
- 0,
- 0,
- 0.5,
- 0,
- 0.5,
- 0,
- 0,
- 0.5,
- 0,
- 0.5,
- 0,
- 0.5,
- 0,
- 0,
- 0.5,
- 0,
- 1,
- 0.5,
- 1.5,
- 1.5,
- 1.5,
- 1,
- 0.5,
- 0,
- 0,
- 0,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0.5,
- 0.5,
- 0.5,
- 0,
- 0.5,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0,
- 0
- ];
- const h1DrpData = tabArr.find(item => item.tm == '1小时');
- const minRz = Math.floor(Math.min(...tabArr.map(item => item.rz),...deadWaterData))
- const maxRz = Math.ceil(Math.max(...tabArr.map(item => item.rz),...deadWaterData))
- const mindrp = Math.floor(Math.min(...tabArr.map(item => item.drp),...deadRainData))
- const maxdrp = Math.ceil(Math.max(...tabArr.map(item => item.drp),...deadRainData))
- console.log(minRz,maxRz);
-
- const upDeadWaterData = deadWaterData.map((item, i) => ({
- time: i + 1,
- value: item
- }))
- const upDeadrainData = deadRainData.map((item, i) => ({
- time: i + 1,
- value: item
- }))
-
- const data = JSON.parse(JSON.stringify(upDeadWaterData));
- const ydata = JSON.parse(JSON.stringify(upDeadrainData));
- if (time == "1h") {
- data.push(
- { time: 601, value: h1DrpData?.rz, predict: true },
- ...Array(30).fill(0).map((item, i) => ({
- time: i + 1 + 601,
- value: '',
- predict: true
- }))
- )
- ydata.push({ time: 601, value: h1DrpData?.drp, predict: true })
- } else if (time == "3h") {
- const wData = [
- { time: 603, value: 420, predict: true },
- { time: 604, value: 450, predict: true },
- { time: 605, value: 480, predict: true },
- ]
- const rData = [
- { time: 603, value: tabArr.find(item => item.tm == '1小时')?.drp, predict: true },
- { time: 604, value: tabArr.find(item => item.tm == '2小时')?.drp, predict: true },
- { time: 605, value: tabArr.find(item => item.tm == '3小时')?.drp, predict: true },
- ]
- data.push(...wData)
- ydata.push(...rData)
- } else if (time == "6h") {
- const h6WData = [
- { time: "12-24 16:00", value: 420, predict: true },
- { time: "12-24 17:00", value: 450, predict: true },
- { time: "12-24 18:00", value: 480, predict: true },
- { time: "12-24 19:00", value: 510, predict: true },
- { time: "12-24 20:00", value: 540, predict: true },
- { time: "12-24 21:00", value: 480, predict: true },
- ]
- const h6RData = [
- { time: "12-24 16:00", value: tabArr.find(item => item.tm == '1小时')?.drp, predict: true },
- { time: "12-24 17:00", value: tabArr.find(item => item.tm == '2小时')?.dr, predict: true },
- { time: "12-24 18:00", value: tabArr.find(item => item.tm == '3小时')?.dr, predict: true },
- { time: "12-24 19:00", value: tabArr.find(item => item.tm == '4小时')?.dr, predict: true },
- { time: "12-24 20:00", value: tabArr.find(item => item.tm == '5小时')?.dr, predict: true },
- { time: "12-24 21:00", value: tabArr.find(item => item.tm == '6小时')?.dr, predict: true },
- ]
-
- data.push(...h6WData)
- ydata.push(...h6RData)
- } else if (time == "12h") {
- const h12WData = [
- { time: "12-24 16:00", value: 420, predict: true },
- { time: "12-24 17:00", value: 450, predict: true },
- { time: "12-24 18:00", value: 480, predict: true },
- { time: "12-24 19:00", value: 510, predict: true },
- { time: "12-24 20:00", value: 540, predict: true },
- { time: "12-24 21:00", value: 480, predict: true },
- { time: "12-24 22:00", value: 420, predict: true },
- { time: "12-24 23:00", value: 450, predict: true },
- { time: "12-24 24:00", value: 480, predict: true },
- { time: "12-25 00:00", value: 510, predict: true },
- { time: "12-25 01:00", value: 540, predict: true },
- { time: "12-25 02:00", value: 480, predict: true },
- ]
- const h12RData = [
- { time: "12-24 16:00", value: tabArr.find(item => item.tm == '1小时')?.drp, predict: true },
- { time: "12-24 17:00", value: tabArr.find(item => item.tm == '2小时')?.drp, predict: true },
- { time: "12-24 18:00", value: tabArr.find(item => item.tm == '3小时')?.drp, predict: true },
- { time: "12-24 19:00", value: tabArr.find(item => item.tm == '4小时')?.drp, predict: true },
- { time: "12-24 20:00", value: tabArr.find(item => item.tm == '5小时')?.drp, predict: true },
- { time: "12-24 21:00", value: tabArr.find(item => item.tm == '6小时')?.drp, predict: true },
- { time: "12-24 22:00", value: tabArr.find(item => item.tm == '7小时')?.drp, predict: true },
- { time: "12-24 23:00", value: tabArr.find(item => item.tm == '8小时')?.drp, predict: true },
- { time: "12-24 24:00", value: tabArr.find(item => item.tm == '9小时')?.drp, predict: true },
- { time: "12-25 00:00", value: tabArr.find(item => item.tm == '10小时')?.drp, predict: true },
- { time: "12-25 01:00", value: tabArr.find(item => item.tm == '11小时')?.drp, predict: true },
- { time: "12-25 02:00", value: tabArr.find(item => item.tm == '12小时')?.drp, predict: true },
- ]
-
- data.push(...h12WData)
- ydata.push(...h12RData)
- } else if (time == "24h") {
- const h24WData = [
- { time: "12-24 16:00", value: 420, predict: true },
- { time: "12-24 17:00", value: 450, predict: true },
- { time: "12-24 18:00", value: 480, predict: true },
- { time: "12-24 19:00", value: 510, predict: true },
- { time: "12-24 20:00", value: 540, predict: true },
- { time: "12-24 21:00", value: 480, predict: true },
- { time: "12-24 22:00", value: 420, predict: true },
- { time: "12-24 23:00", value: 450, predict: true },
- { time: "12-24 24:00", value: 480, predict: true },
- { time: "12-25 00:00", value: 510, predict: true },
- { time: "12-25 01:00", value: 540, predict: true },
- { time: "12-25 02:00", value: 480, predict: true },
-
- { time: "12-25 03:00", value: 420, predict: true },
- { time: "12-25 04:00", value: 450, predict: true },
- { time: "12-25 05:00", value: 480, predict: true },
- { time: "12-25 06:00", value: 510, predict: true },
- { time: "12-25 07:00", value: 540, predict: true },
- { time: "12-25 08:00", value: 480, predict: true },
- { time: "12-25 09:00", value: 420, predict: true },
- { time: "12-25 10:00", value: 450, predict: true },
- { time: "12-25 11:00", value: 480, predict: true },
- { time: "12-25 12:00", value: 510, predict: true },
- { time: "12-25 13:00", value: 540, predict: true },
- { time: "12-25 14:00", value: 480, predict: true },
- ]
- const h24RData = [
- { time: "12-24 16:00", value: tabArr.find(item => item.tm == '1小时')?.drp, predict: true },
- { time: "12-24 17:00", value: tabArr.find(item => item.tm == '2小时')?.drp, predict: true },
- { time: "12-24 18:00", value: tabArr.find(item => item.tm == '3小时')?.drp, predict: true },
- { time: "12-24 19:00", value: tabArr.find(item => item.tm == '4小时')?.drp, predict: true },
- { time: "12-24 20:00", value: tabArr.find(item => item.tm == '5小时')?.drp, predict: true },
- { time: "12-24 21:00", value: tabArr.find(item => item.tm == '6小时')?.drp, predict: true },
- { time: "12-24 22:00", value: tabArr.find(item => item.tm == '7小时')?.drp, predict: true },
- { time: "12-24 23:00", value: tabArr.find(item => item.tm == '8小时')?.drp, predict: true },
- { time: "12-24 24:00", value: tabArr.find(item => item.tm == '9小时')?.drp, predict: true },
- { time: "12-25 00:00", value: tabArr.find(item => item.tm == '10小时')?.drp, predict: true },
- { time: "12-25 01:00", value: tabArr.find(item => item.tm == '11小时')?.drp, predict: true },
- { time: "12-25 02:00", value: tabArr.find(item => item.tm == '12小时')?.drp, predict: true },
-
- { time: "12-25 03:00", value: tabArr.find(item => item.tm == '13小时')?.drp, predict: true },
- { time: "12-25 04:00", value: tabArr.find(item => item.tm == '14小时')?.drp, predict: true },
- { time: "12-25 05:00", value: tabArr.find(item => item.tm == '15小时')?.drp, predict: true },
- { time: "12-25 06:00", value: tabArr.find(item => item.tm == '16小时')?.drp, predict: true },
- { time: "12-25 07:00", value: tabArr.find(item => item.tm == '17小时')?.drp, predict: true },
- { time: "12-25 08:00", value: tabArr.find(item => item.tm == '18小时')?.drp, predict: true },
- { time: "12-25 09:00", value: tabArr.find(item => item.tm == '19小时')?.drp, predict: true },
- { time: "12-25 10:00", value: tabArr.find(item => item.tm == '20小时')?.drp, predict: true },
- { time: "12-25 11:00", value: tabArr.find(item => item.tm == '21小时')?.drp, predict: true },
- { time: "12-25 12:00", value: tabArr.find(item => item.tm == '22小时')?.drp, predict: true },
- { time: "12-25 13:00", value: tabArr.find(item => item.tm == '23小时')?.drp, predict: true },
- { time: "12-25 14:00", value: tabArr.find(item => item.tm == '24小时')?.drp, predict: true },
- ]
- data.push(...h24WData)
- ydata.push(...h24RData)
- }
-
-
- let data1 = []; //历史水量数据
- let data2 = []; //预测水量数据
- let data3 = []; //历史雨量数据
- let data4 = []; //预测雨量数据
- data.forEach((item) => {
- if (item.predict && time) {
- data2.push([item.time, item.value]);
- } else {
- data1.push([item.time, item.value]);
- }
- });
-
- ydata.forEach((item) => {
- if (item.predict && time) {
- data4.push([item.time, item.value]);
- } else {
- data3.push([item.time, item.value]);
- }
- });
-
- const splitLineData1 = data1.at(-1);
- const splitLineData = data1.at(-1);
- const splitLineData2 = data3.at(-1);
-
- // 如果是折线图,此处需要追加实际数据的最后一组数据,如果是柱状图,则不需要。
- data2.unshift(splitLineData1);
- // console.log("splitLineData",splitLineData);
-
- data4.unshift(splitLineData2);
+ // 水位
+ const minRz = Math.floor(Math.min(...history.map(item => item.waters), ...predict.map(item => item.predict)))
+ const maxRz = Math.ceil(Math.max(...history.map(item => item.waters), ...predict.map(item => item.predict)))
+ // 雨量
+ const mindrp = Math.floor(Math.min(...history.map(item => item.rains)))
+ const maxdrp = Math.ceil(Math.max(...history.map(item => item.rains)))
+ console.log(minRz, maxRz);
return {
grid: {
left: 0,
- top: "22%",
- right: "0",
- bottom: 0,
+ top: "20%",
+ right: "3%",
+ bottom: "10%",
containLabel: true,
},
tooltip: {
trigger: 'axis',
},
legend: {
- right: "0",
+ right: "center",
top: "4%",
},
+ toolbox: {
+ show: true,
+ top: "15%",
+ right: "1%",
+ orient: 'vertical',
+ feature: {
+ dataZoom: {
+ show: true,
+ title: {
+ zoom: '区域缩放',
+ back: '区域缩放还原',
+ }
+ },
+ magicType: {
+ show: true,
+ title: {
+ line: '切换为折线图',
+ bar: '切换为柱状图',
+ },
+ type: ['line', 'bar']
+ },
+ restore: {
+ show: true,
+ title: '还原'
+ },
+ saveAsImage: {
+ show: true,
+ name: '日到报率详情',
+ title: '保存为图片'
+ }
+ }
+ },
xAxis: {
type: "category",
- // data: data.map(item => item.time),
- axisLabel: {
- interval: 100
- },
+ // data: history.map(item => item.tm),
axisTick: {
show: false,
},
@@ -1420,7 +71,7 @@ export default function drpOption(time = '', tabArr) {
type: "value",
name: '水位',
min: minRz,
- max:maxRz,
+ max: maxRz,
splitLine: {
show: true,
},
@@ -1437,7 +88,7 @@ export default function drpOption(time = '', tabArr) {
type: "value",
name: '雨量',
min: mindrp,
- max:maxdrp,
+ max: maxdrp,
splitLine: {
show: true,
},
@@ -1452,77 +103,95 @@ export default function drpOption(time = '', tabArr) {
},
],
dataZoom: [{
- type: 'slider',//图表下方的伸缩条
- show: true, //是否显示
- realtime: true, //拖动时,是否实时更新系列的视图
- start: 1, //伸缩条开始位置(1-100),可以随时更改
- end: 100, //伸缩条结束位置(1-100),可以随时更改
- // y:100
+ type: 'inside',
+ start: 0,
+ end: 100
+ }, {
+ start: 0,
+ end: 10,
+ handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
+ handleSize: '80%',
+ handleStyle: {
+ color: '#fff',
+ shadowBlur: 3,
+ shadowColor: 'rgba(0, 0, 0, 0.6)',
+ shadowOffsetX: 2,
+ shadowOffsetY: 2
+ }
}],
series: [
{
- name: "历史水量",
+ name: "实时水位",
type: "line",
showSymbol: false,
- data: data1,
+ data: history.map(item => [item.tm, item.waters]),
smooth: true,
},
{
- name: "历史雨量",
+ name: "实时雨量",
type: "line",
color: '#F59A23',
yAxisIndex: 1,
showSymbol: false,
- data: data3,
+ data: history.map(item => [item.tm, item.rains]),
smooth: true,
},
{
- name: "预测水量",
+ name: "预测水位",
+ type: "line",
+ color: '#1fbcd2',
yAxisIndex: 0,
- type: "line",
- showSymbol: true,
- data:[...data2],
+ showSymbol: false,
+ data: predict.map(item => [item.tm, item.predict]),
smooth: true,
- itemStyle: { normal: { label: { show: true } } }
},
- {
- name: "预测雨量",
- yAxisIndex: 1,
- type: "line",
- showSymbol: true,
- data: data4,
- smooth: true,
- itemStyle: { normal: { label: { show: true } } }
- },
- {
- type: "line",
- data: [],
- markLine: {
- symbol: "none",
- lineStyle: {
- type: "solid",
- width: 2,
- },
- data: [
- // 下面绿色线
- [
- // 下面半截绿色的线
- {
- xAxis: 599,
- yAxis: minRz,
- lineStyle: {
- color: "rgba(46, 224, 85, 1)",
- },
- },
- {
- xAxis: 599,
- yAxis: splitLineData[1],
- },
- ],
- ],
- },
+ // {
+ // name: "预测水量",
+ // yAxisIndex: 0,
+ // type: "line",
+ // showSymbol: true,
+ // data:[...data2],
+ // smooth: true,
+ // itemStyle: { normal: { label: { show: true } } }
+ // },
+ // {
+ // name: "预测雨量",
+ // yAxisIndex: 1,
+ // type: "line",
+ // showSymbol: true,
+ // data: data4,
+ // smooth: true,
+ // itemStyle: { normal: { label: { show: true } } }
+ // },
+ // {
+ // type: "line",
+ // data: [],
+ // markLine: {
+ // symbol: "none",
+ // lineStyle: {
+ // type: "solid",
+ // width: 2,
+ // },
+ // data: [
+ // // 下面绿色线
+ // [
+ // // 下面半截绿色的线
+ // {
+ // xAxis: 599,
+ // yAxis: minRz,
+ // lineStyle: {
+ // color: "rgba(46, 224, 85, 1)",
+ // },
+ // },
+ // {
+ // xAxis: 599,
+ // yAxis: splitLineData[1],
+ // },
+ // ],
+ // ],
+ // },
- },
+ // },
],
}
}
\ No newline at end of file
diff --git a/src/views/TestLine/index.js b/src/views/TestLine/index.js
index f006d43..7c80065 100644
--- a/src/views/TestLine/index.js
+++ b/src/views/TestLine/index.js
@@ -6,8 +6,8 @@ import './index.less'
import drpOption from './drpOption.js'
import { httppost2 } from '../../utils/request';
import TestApp from './createData.js'
-
-const TableE = ({count,setEditData,tableData}) => {
+import { getAllHydroBatches, responseData } from './watersTools'
+const TableE = ({ count, setEditData, tableData }) => {
const EditableCell = ({
editing,
dataIndex,
@@ -19,7 +19,7 @@ const TableE = ({count,setEditData,tableData}) => {
...restProps
}) => {
const inputNode =