From 4a8383da73a7aa33babfc530c11c4caa60f38456 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Mon, 17 Mar 2025 11:11:30 +0900
Subject: [PATCH] =?UTF-8?q?=EB=9D=BC=EC=9D=B8=EC=B0=A8=ED=8A=B8=20?=
 =?UTF-8?q?=EB=9D=BC=EC=9D=B8=EB=8D=B0=EC=9D=B4=ED=84=B0=EA=B0=80=20?=
 =?UTF-8?q?=EC=97=AC=EB=9F=AC=EA=B0=9C=EC=9D=BC=20=EA=B2=BD=EC=9A=B0?=
 =?UTF-8?q?=EC=97=90=20=EC=97=AC=EB=9F=AC=EA=B0=9C=EC=9D=98=20=EB=9D=BC?=
 =?UTF-8?q?=EC=9D=B8=EA=B7=B8=EB=9E=98=ED=94=84=EA=B0=80=20=EA=B7=B8?=
 =?UTF-8?q?=EB=A0=A4=EC=A7=80=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/chart/LineChart.tsx                | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/packages/common/business_components/src/ui/chart/LineChart.tsx b/packages/common/business_components/src/ui/chart/LineChart.tsx
index e68459bf0..136034e00 100644
--- a/packages/common/business_components/src/ui/chart/LineChart.tsx
+++ b/packages/common/business_components/src/ui/chart/LineChart.tsx
@@ -76,7 +76,24 @@ const CustomLegend = (props: any) => {
   );
 };
 
-export default function Linechart(props: { chartConfig: ChartConfig; chartData: any[] | undefined; chartTitle:string}) {
+type DataType = {label : string; val:number};
+type ChartDataType = {
+  chartData1: DataType[];
+  chartData2: DataType[];
+};
+
+export default function Linechart(props: { chartConfig: ChartConfig; chartData: ChartDataType; chartTitle:string}) {
+  const mergedData = Object.values(props.chartData).reduce((acc, dataset) => {
+    dataset.forEach((entry, index) => {
+      if (!acc[index]) {
+        acc[index] = { label: entry.label }; // label 추가
+      }
+      const key = Object.keys(props.chartData).find(k => props.chartData[k] === dataset);
+      if (key) acc[index][key] = entry.val;
+    });
+    return acc;
+  }, [] as any[]);
+
   return (
     <Card className="h-full">
       <CardContent className="h-full">
@@ -86,13 +103,15 @@ export default function Linechart(props: { chartConfig: ChartConfig; chartData:
         </div>): null}
         <div className="h-[calc(100%-42px)] flex justify-center">
           <ChartContainer config={props.chartConfig} className="h-full w-full">
-            <LineChart data={props.chartData} className="h-full">
-              <CartesianGrid vertical={false} />
+            <LineChart data={mergedData} className="h-full">
+            <CartesianGrid vertical={false} />
               <XAxis dataKey="label" fontSize="8px" fontWeight="bold"/>
               <YAxis yAxisId="left" orientation="left" />
               <Tooltip content={<CustomTooltip active={undefined} payload={undefined} label={undefined} />} />
               <Legend content={CustomLegend}/>
-              <Line yAxisId="left" dataKey="val" type="linear" strokeWidth={2} dot={false} name="값"/>
+              {Object.keys(props.chartData).map((key, index) => (
+                <Line key={key} yAxisId="left" dataKey={key} type="linear" strokeWidth={2} dot={false} name={key} />
+              ))}
             </LineChart>
           </ChartContainer>
         </div>