From 8c18555305ca40d500ba40ed1a527a015114c544 Mon Sep 17 00:00:00 2001
From: dohyeons <ddhhss0603@gmail.com>
Date: Tue, 21 Oct 2025 17:18:28 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AA=A8=EC=A7=80=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/admin/dashboard/charts/ChartRenderer.tsx   | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/components/admin/dashboard/charts/ChartRenderer.tsx b/frontend/components/admin/dashboard/charts/ChartRenderer.tsx
index 092c2b0a..9a5a51a6 100644
--- a/frontend/components/admin/dashboard/charts/ChartRenderer.tsx
+++ b/frontend/components/admin/dashboard/charts/ChartRenderer.tsx
@@ -51,7 +51,7 @@ export function ChartRenderer({ element, data, width = 250, height = 200 }: Char
             if (element.dataSource.queryParams) {
               Object.entries(element.dataSource.queryParams).forEach(([key, value]) => {
                 if (key && value) {
-                  params.append(key, value);
+                  params.append(key, String(value));
                 }
               });
             }
@@ -158,11 +158,15 @@ export function ChartRenderer({ element, data, width = 250, height = 200 }: Char
       const interval = setInterval(fetchData, refreshInterval);
       return () => clearInterval(interval);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
     element.dataSource?.query,
     element.dataSource?.connectionType,
     element.dataSource?.externalConnectionId,
     element.dataSource?.refreshInterval,
+    element.dataSource?.type,
+    element.dataSource?.endpoint,
+    element.dataSource?.jsonPath,
     element.chartConfig,
     data,
   ]);
@@ -201,9 +205,7 @@ export function ChartRenderer({ element, data, width = 250, height = 200 }: Char
     return (
       <div className="flex h-full w-full items-center justify-center text-gray-500">
         <div className="text-center">
-          <div className="mb-2 text-2xl">📊</div>
           <div className="text-sm">데이터를 설정해주세요</div>
-          <div className="mt-1 text-xs">⚙️ 버튼을 클릭하여 설정</div>
         </div>
       </div>
     );