diff --git a/packages/common/business_components/src/ui/chart/BarChart.tsx b/packages/common/business_components/src/ui/chart/BarChart.tsx
index a71c550df..04a10e8d9 100644
--- a/packages/common/business_components/src/ui/chart/BarChart.tsx
+++ b/packages/common/business_components/src/ui/chart/BarChart.tsx
@@ -17,6 +17,7 @@ export default function Chart(props: { chartConfig: ChartConfig; chartData: any[
     <Card>
         {props.chartTitle && props.chartTitle !== "" && props.chartTitle !== "undefined" ? (
         <div style={{ textAlign: "left", fontSize: "13px", fontWeight: "bold", marginTop:"13px", marginBottom: "10px" }}>
+          {props.chartTitle}
         </div>): null}
         <CardContent>
             <ChartContainer config={props.chartConfig}>
diff --git a/packages/common/business_components/src/ui/chart/DoughnutChart.tsx b/packages/common/business_components/src/ui/chart/DoughnutChart.tsx
index 0e8060486..860b98558 100644
--- a/packages/common/business_components/src/ui/chart/DoughnutChart.tsx
+++ b/packages/common/business_components/src/ui/chart/DoughnutChart.tsx
@@ -20,6 +20,7 @@ export default (props: { chartConfig: ChartConfig; chartData: never[] | undefine
     <Card className="flex flex-col">
       {props.chartTitle && props.chartTitle !== "" && props.chartTitle !== "undefined" ? (
         <div style={{ textAlign: "left", fontSize: "13px", fontWeight: "bold", marginTop:"13px", marginBottom: "10px" }}>
+          {props.chartTitle}
         </div>): null}
       <CardContent className="flex-1 pb-0">
         <ChartContainer
diff --git a/packages/common/business_components/src/ui/chart/LineBarChart.tsx b/packages/common/business_components/src/ui/chart/LineBarChart.tsx
index 415e2b53a..8917124d8 100644
--- a/packages/common/business_components/src/ui/chart/LineBarChart.tsx
+++ b/packages/common/business_components/src/ui/chart/LineBarChart.tsx
@@ -81,6 +81,7 @@ export default function LineBarchart(props: { chartConfig: ChartConfig; chartDat
       <CardContent>
         {props.chartTitle && props.chartTitle !== "" && props.chartTitle !== "undefined" ? (
         <div style={{ textAlign: "left", fontSize: "13px", fontWeight: "bold", marginTop:"13px", marginBottom: "10px" }}>
+          {props.chartTitle}
         </div>): null}
         <ChartContainer config={props.chartConfig}>
           <ComposedChart data={props.chartData}>
@@ -96,7 +97,7 @@ export default function LineBarchart(props: { chartConfig: ChartConfig; chartDat
             <Bar yAxisId="right" dataKey="barVal" fill="#8884d8" name="강수량(mm/일)"/>
             {/* 라인 차트 (왼쪽 Y축 사용) */}
             <Line yAxisId="left" type="monotone" dataKey="lineVal" stroke="orange" strokeWidth={2} dot={{r: 0}} name="BOD(mg/L)"/>
-         </ComposedChart>
+          </ComposedChart>
         </ChartContainer>
       </CardContent>
     </Card>
diff --git a/packages/common/business_components/src/ui/chart/LineChart.tsx b/packages/common/business_components/src/ui/chart/LineChart.tsx
index f3283822c..1aa0e2b4d 100644
--- a/packages/common/business_components/src/ui/chart/LineChart.tsx
+++ b/packages/common/business_components/src/ui/chart/LineChart.tsx
@@ -17,6 +17,7 @@ export default function Linechart(props: { chartConfig: ChartConfig; chartData:
     <Card>
       {props.chartTitle && props.chartTitle !== "" && props.chartTitle !== "undefined" ? (
         <div style={{ textAlign: "left", fontSize: "13px", fontWeight: "bold", marginTop:"13px", marginBottom: "10px" }}>
+          {props.chartTitle}
         </div>): null}
       <CardContent>
         <ChartContainer config={props.chartConfig}>