From ed96df4b22edbf501eded10894134275b9593f59 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Thu, 3 Jul 2025 17:24:15 +0900
Subject: [PATCH] =?UTF-8?q?barChart=20=EA=B8=80=EC=94=A8=20=EA=B0=80?=
 =?UTF-8?q?=EC=9A=B4=EB=8D=B0=20=EC=A0=95=EB=A0=AC,=20yFieldText=20?=
 =?UTF-8?q?=EC=A0=9C=EB=8C=80=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business_components/src/ui/chart/BarChart.tsx      | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/common/business_components/src/ui/chart/BarChart.tsx b/packages/common/business_components/src/ui/chart/BarChart.tsx
index 62dd2333f..a7282830d 100644
--- a/packages/common/business_components/src/ui/chart/BarChart.tsx
+++ b/packages/common/business_components/src/ui/chart/BarChart.tsx
@@ -88,12 +88,12 @@ export default function Chart({chartConfig=undefined, chartData=[], chartTitle='
   return (
     <>
     {chartTitle && chartTitle !== "" && chartTitle !== "undefined" ? (
-      <div className="!mt-3 text-[2.5rem] font-bold">
+      <div className="!mt-3 text-[2.5rem] font-bold text-center">
       {chartTitle}
       </div>): null}
-      <div className="flex justify-center">
-        <ChartContainer config={chartConfig ?? {}} className={chartClassName + " !w-[90%]"}>
-          <BarChart accessibilityLayer data={chartData}>
+      <div className="flex justify-center h-full w-full">
+        <ChartContainer config={chartConfig ?? {}} className={chartClassName + " !w-[88%]"}>
+          <BarChart accessibilityLayer data={chartData} margin={{ top: 5, right: 20, left: 30, bottom: 5 }}>
             <CartesianGrid vertical={false} />
             <XAxis
               dataKey="label"
@@ -110,7 +110,7 @@ export default function Chart({chartConfig=undefined, chartData=[], chartTitle='
               axisLine={true}
               fontSize={12}
               fontWeight={500}
-              label={yFieldText ? { value: yFieldText, className:"text-[13px] font-bold", position: 'insideBottom', angle: 0, offset: -24  } : undefined}
+              label={yFieldText ? { value: yFieldText, className:"text-[13px] font-bold", position: 'insideLeft', angle: -90, offset: -24,  orientation: "left"  } : undefined}
             />
             <ChartTooltip cursor={false} content={<CustomTooltip active={undefined} payload={undefined} label={undefined} />}/>
             {chartData && chartData.length > 0 && (