rdii 그래프 수정

This commit is contained in:
2025-07-25 11:27:57 +09:00
parent e0bc5869d6
commit c204d90d14
@@ -5,9 +5,10 @@ import { Button, Input, Label } from '@common/components';
import React, { useEffect, useState } from 'react';
import moment from "moment";
import type { TRdiiAnls, TRdiiAnlsRslt, TOilqData } from './aplcnYms';
import type { TRdiiAnls } from './aplcnYms';
import * as fn from './aplcnYms';
import { useRdiiChartModalStore } from '../chartModalStore'; // 모달 상태 관리 스토어
type ModalOpenProp = {
pplMngNo: string, // 관로관리번호
}
@@ -35,7 +36,7 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
const [totalVolume, setTotalVolume] = useState<number>(0); // 총체적 m³/mm
const aplcnYms = fn.useAplcnYms('rdiiAnlsRslt'); // 상수사용월 데이터 가져오기
pplMngNo = "L"+pplMngNo; // "L13101003";
console.log("pplMngNo", pplMngNo);
const openPopup = () => {
if (buttonRef.current) {
const rect = buttonRef.current.getBoundingClientRect(); // 버튼 위치 계산
@@ -47,7 +48,7 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
setPopupOpen(true); // 팝업 열기
};
const chartForm = CHART_FORM.LINEBAR;
const chartForm = CHART_FORM.LINEBAR2;
const chartConfig = {
barVal0: {
label: '강수량',
@@ -127,7 +128,6 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
const rsltDataformatted = fn.getChartDataRdiiAnlsRslt(rsltData ?? []); // format 변경
const rainData = await fn.selectRainData(rainInfwtAnlsSn);
const rainDataformatted = fn.getChartDataRainData(rainData ?? []); // format 변경
console.log('rainDataformatted :', rainDataformatted);
const rainMap = new Map(rainDataformatted.map(item => [item.label, item.barVal0]));
rsltDataformatted.forEach(item => {
@@ -181,7 +181,7 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
{/* 차트 */}
<div className="h-[90%] bg-white text-2xl">
<MainChart chartConfig={chartConfig} chartForm={chartForm} chartData={chartData} chartTitle={'RDII 그래프'}
yFieldText2="시간" yFieldText="유량(m³/h)" />
yFieldText2="강수량(mm)" yFieldText="유량(m³/h)" />
</div>
</div>
{popupOpen && (