From afd892579283e495615d7c73901233d3334258c8 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Wed, 12 Mar 2025 11:36:49 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B0=A8=ED=8A=B8=20chartTitle=20properties=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80(=EB=B9=88=EC=B9=B8=EC=9D=B4=20=EC=95=84?=
 =?UTF-8?q?=EB=8B=88=EB=A9=B4=20=EC=B0=A8=ED=8A=B8=EC=A0=9C=EB=AA=A9=20?=
 =?UTF-8?q?=EC=98=81=EC=97=AD=EB=82=98=EC=98=A4=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business_components/src/ui/chart/BarChart.tsx      |  5 ++++-
 .../business_components/src/ui/chart/DoughnutChart.tsx |  5 ++++-
 .../business_components/src/ui/chart/LineBarChart.tsx  |  5 ++++-
 .../business_components/src/ui/chart/LineChart.tsx     |  5 ++++-
 .../common/business_components/src/ui/chart/index.tsx  | 10 +++++-----
 5 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/packages/common/business_components/src/ui/chart/BarChart.tsx b/packages/common/business_components/src/ui/chart/BarChart.tsx
index 96dfab634..a71c550df 100644
--- a/packages/common/business_components/src/ui/chart/BarChart.tsx
+++ b/packages/common/business_components/src/ui/chart/BarChart.tsx
@@ -12,9 +12,12 @@ import {
 } from "./lib/chart";
 import { Bar, BarChart, CartesianGrid, XAxis } from "recharts";
 
-export default function Chart(props: { chartConfig: ChartConfig; chartData: any[] | undefined; }) {
+export default function Chart(props: { chartConfig: ChartConfig; chartData: any[] | undefined; chartTitle: string}) {
   return (
     <Card>
+        {props.chartTitle && props.chartTitle !== "" && props.chartTitle !== "undefined" ? (
+        <div style={{ textAlign: "left", fontSize: "13px", fontWeight: "bold", marginTop:"13px", marginBottom: "10px" }}>
+        </div>): null}
         <CardContent>
             <ChartContainer config={props.chartConfig}>
                 <BarChart accessibilityLayer data={props.chartData}>
diff --git a/packages/common/business_components/src/ui/chart/DoughnutChart.tsx b/packages/common/business_components/src/ui/chart/DoughnutChart.tsx
index b08ca7746..0e8060486 100644
--- a/packages/common/business_components/src/ui/chart/DoughnutChart.tsx
+++ b/packages/common/business_components/src/ui/chart/DoughnutChart.tsx
@@ -15,9 +15,12 @@ import {
 import type { CSSProperties } from "react";
 
 // eslint-disable-next-line react-refresh/only-export-components
-export default (props: { chartConfig: ChartConfig; chartData: never[] | undefined; }) =>{
+export default (props: { chartConfig: ChartConfig; chartData: never[] | undefined; chartTitle:string}) =>{
   return (
     <Card className="flex flex-col">
+      {props.chartTitle && props.chartTitle !== "" && props.chartTitle !== "undefined" ? (
+        <div style={{ textAlign: "left", fontSize: "13px", fontWeight: "bold", marginTop:"13px", marginBottom: "10px" }}>
+        </div>): null}
       <CardContent className="flex-1 pb-0">
         <ChartContainer
           config={props.chartConfig}
diff --git a/packages/common/business_components/src/ui/chart/LineBarChart.tsx b/packages/common/business_components/src/ui/chart/LineBarChart.tsx
index 4aa088e57..415e2b53a 100644
--- a/packages/common/business_components/src/ui/chart/LineBarChart.tsx
+++ b/packages/common/business_components/src/ui/chart/LineBarChart.tsx
@@ -75,10 +75,13 @@ const CustomLegend = (props: any) => {
   );
 };
 
-export default function LineBarchart(props: { chartConfig: ChartConfig; chartData: any[] | undefined; }) {
+export default function LineBarchart(props: { chartConfig: ChartConfig; chartData: any[] | undefined; chartTitle:string }) {
   return (
     <Card>
       <CardContent>
+        {props.chartTitle && props.chartTitle !== "" && props.chartTitle !== "undefined" ? (
+        <div style={{ textAlign: "left", fontSize: "13px", fontWeight: "bold", marginTop:"13px", marginBottom: "10px" }}>
+        </div>): null}
         <ChartContainer config={props.chartConfig}>
           <ComposedChart data={props.chartData}>
             <CartesianGrid strokeDasharray="3 3" />
diff --git a/packages/common/business_components/src/ui/chart/LineChart.tsx b/packages/common/business_components/src/ui/chart/LineChart.tsx
index 547a29c83..f3283822c 100644
--- a/packages/common/business_components/src/ui/chart/LineChart.tsx
+++ b/packages/common/business_components/src/ui/chart/LineChart.tsx
@@ -12,9 +12,12 @@ import {
 } from "./lib/chart";
 import { CartesianGrid, Line, LineChart, XAxis } from "recharts";
 
-export default function Linechart(props: { chartConfig: ChartConfig; chartData: any[] | undefined; }) {
+export default function Linechart(props: { chartConfig: ChartConfig; chartData: any[] | undefined; chartTitle:string}) {
   return (
     <Card>
+      {props.chartTitle && props.chartTitle !== "" && props.chartTitle !== "undefined" ? (
+        <div style={{ textAlign: "left", fontSize: "13px", fontWeight: "bold", marginTop:"13px", marginBottom: "10px" }}>
+        </div>): null}
       <CardContent>
         <ChartContainer config={props.chartConfig}>
           <LineChart
diff --git a/packages/common/business_components/src/ui/chart/index.tsx b/packages/common/business_components/src/ui/chart/index.tsx
index 94c4e9ea7..525979a5a 100644
--- a/packages/common/business_components/src/ui/chart/index.tsx
+++ b/packages/common/business_components/src/ui/chart/index.tsx
@@ -18,32 +18,32 @@ const CHART_FORM = {
   LINEBAR : 'linebar'
 };
 
-function MainChart(props: { chartForm: string; chartConfig: any; chartData: any; }) {
+function MainChart(props: { chartForm: string; chartConfig: any; chartData: any; chartTitle:string; }) {
   if( props.chartForm == CHART_FORM.BAR ){
     return (
       <div>
-        <BarChart chartConfig={props.chartConfig} chartStyle={styles.divHeight} chartData={props.chartData}>
+        <BarChart chartConfig={props.chartConfig} chartData={props.chartData} chartTitle={props.chartTitle}>
         </BarChart>
       </div>
     );
   } else if( props.chartForm == CHART_FORM.LINE ){
     return (
       <div>
-        <LineChart chartConfig={props.chartConfig} chartData={props.chartData}>
+        <LineChart chartConfig={props.chartConfig} chartData={props.chartData} chartTitle={props.chartTitle}>
         </LineChart>
       </div>
     );
   } else if( props.chartForm == CHART_FORM.DN ){
     return (
       <div>
-        <DoughnutChart chartConfig={props.chartConfig} chartData={props.chartData}>
+        <DoughnutChart chartConfig={props.chartConfig} chartData={props.chartData} chartTitle={props.chartTitle}>
         </DoughnutChart>
       </div>
     );
   } else if (props.chartForm == CHART_FORM.LINEBAR){
     return (
       <div className='w-100'>
-        <LineBarchart chartConfig={props.chartConfig} chartData={props.chartData}>
+        <LineBarchart chartConfig={props.chartConfig} chartData={props.chartData} chartTitle={props.chartTitle}>
         </LineBarchart>
       </div>
     );