This commit is contained in:
‘937886381’
2024-09-13 16:52:40 +08:00
parent 2d2d6d4c15
commit b27d70f0fc
5 changed files with 74 additions and 26 deletions

View File

@@ -1,7 +1,7 @@
/*
* @Author: zhp
* @Date: 2024-08-28 09:25:58
* @LastEditTime: 2024-09-13 14:30:06
* @LastEditTime: 2024-09-13 16:50:40
* @LastEditors: zhp
* @Description:
*/
@@ -10,7 +10,29 @@ import ReactECharts from "echarts-for-react";
import getOptions from "./chart.config";
import * as echarts from "echarts";
import { useState } from "react";
function compareArrays(arr1, arr2) {
let allDataInFirstArray = true;
for (let i = 0; i < arr1.length; i++) {
if (!arr1[i]) {
allDataInFirstArray = false;
break;
}
}
if (allDataInFirstArray) {
return [];
} else {
const result = [];
for (let i = 0; i < arr1.length; i++) {
if (!arr1[i]) {
result.push(arr2[i]);
} else {
result.push(null);
}
}
return result;
}
}
function CommonChart(props) {
const { dataSource } = props;
@@ -23,7 +45,7 @@ function CommonChart(props) {
const times = [];
// }
let forecastList = []
if (modelFlag === true) {
// if (modelFlag === true) {
for (let i = 0; i < data.length; i++) {
let item = data[i];
let min = item - 5;
@@ -31,7 +53,7 @@ function CommonChart(props) {
let randomValue = Math.random() * (max - min) + min;
forecastList.push(randomValue.toFixed(1));
}
}
// }
for(let i = 0; i < 7; i++) {
@@ -106,7 +128,7 @@ function CommonChart(props) {
<div className={cls.commonChart}>
{data.length > 0 && (
<ReactECharts
option={getOptions(data, times, yRange, yName,forecastList,color,color1,areaStyle,areaStyle1)}
option={getOptions(data, times, yRange, yName,compareArrays(data,forecastList),color,color1,areaStyle,areaStyle1)}
style={{ height: "100%" }}
/>
)}

View File

@@ -11,7 +11,29 @@ import ReactECharts from "echarts-for-react";
import getOptions from "./chart.config";
import * as echarts from "echarts";
import { useState } from "react";
function compareArrays(arr1, arr2) {
let allDataInFirstArray = true;
for (let i = 0; i < arr1.length; i++) {
if (!arr1[i]) {
allDataInFirstArray = false;
break;
}
}
if (allDataInFirstArray) {
return [];
} else {
const result = [];
for (let i = 0; i < arr1.length; i++) {
if (!arr1[i]) {
result.push(arr2[i]);
} else {
result.push(null);
}
}
return result;
}
}
function CommonChart(props) {
const { dataSource } = props;
const data = dataSource.data || [];
@@ -22,7 +44,7 @@ function CommonChart(props) {
const xData = dataSource.xData || [];
console.log('xData',props);
let forecastList = [];
if (modelFlag === true) {
// if (modelFlag === true) {
for (let i = 0; i < data.length; i++) {
let item = data[i];
let min = item - .5;
@@ -31,7 +53,7 @@ function CommonChart(props) {
forecastList.push(randomValue.toFixed(1));
}
console.log(forecastList)
}
// }
let areaStyle = {
opacity: 0.8,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -65,7 +87,7 @@ function CommonChart(props) {
<div className={cls.commonChart}>
{data.length > 0 && (
<ReactECharts
option={getOptions(data, xData, yRange, yName,forecastList,color,color1,areaStyle,areaStyle1)}
option={getOptions(data, xData, yRange, yName,compareArrays(data,forecastList),color,color1,areaStyle,areaStyle1)}
style={{ height: "100%" }}
/>
)}

View File

@@ -1,7 +1,7 @@
/*
* @Author: zhp
* @Date: 2024-08-20 14:09:17
* @LastEditTime: 2024-08-30 14:53:39
* @LastEditTime: 2024-09-13 16:39:20
* @LastEditors: zhp
* @Description:
*/
@@ -13,7 +13,8 @@ import DayNightToggle from "../dayButton";
import SeasonToggle from "../seasonButton";
import InputDataToggle from "../inputData";
function paramsInput(props) {
const handleClick = () => {
const handleClick = () => {
console.log(11111);
props.onSendValueToParent(true);
};
return (