From 63ad68dcd37ddd288da46392ecac4891f7b6563b Mon Sep 17 00:00:00 2001
From: novice1993 <novice1993@gmail.com>
Date: Sat, 16 Sep 2023 17:28:22 +0900
Subject: [PATCH] =?UTF-8?q?[Add]=20=EC=B0=A8=ED=8A=B8=20=EA=B4=80=EB=A0=A8?=
 =?UTF-8?q?=20=EC=9D=BC=EB=B6=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Y축 위치 이동
- 불필요한 UI 일부 제거

Issues #14
---
 client/src/hooks/useGetStockChart.ts | 40 +++++++++++++++++++---------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/client/src/hooks/useGetStockChart.ts b/client/src/hooks/useGetStockChart.ts
index 3c5a7c08..babb1dee 100644
--- a/client/src/hooks/useGetStockChart.ts
+++ b/client/src/hooks/useGetStockChart.ts
@@ -50,7 +50,7 @@ const useGetStockChart = (companyId: number) => {
   const downColor = "#2679ed";
 
   const options = {
-    animation: false,
+    animation: true,
     tooltip: {
       trigger: "axis",
       axisPointer: {
@@ -82,6 +82,7 @@ const useGetStockChart = (companyId: number) => {
       },
     },
     toolbox: {
+      show: false,
       feature: {
         dataZoom: {
           yAxisIndex: false,
@@ -113,17 +114,30 @@ const useGetStockChart = (companyId: number) => {
         },
       ],
     },
+    // grid: [
+    //   {
+    //     left: "10%",
+    //     right: "8%",
+    //     height: "50%",
+    //   },
+    //   {
+    //     left: "10%",
+    //     right: "8%",
+    //     top: "63%",
+    //     height: "16%",
+    //   },
+    // ],
     grid: [
       {
         left: "10%",
         right: "8%",
-        height: "50%",
+        height: "55%", // 여기를 조정해서 차트의 높이를 변경할 수 있습니다.
       },
       {
         left: "10%",
         right: "8%",
-        top: "63%",
-        height: "16%",
+        top: "65%",
+        height: "20%",
       },
     ],
     xAxis: [
@@ -158,6 +172,7 @@ const useGetStockChart = (companyId: number) => {
         splitArea: {
           show: false,
         },
+        position: "right",
       },
       {
         scale: true,
@@ -167,6 +182,7 @@ const useGetStockChart = (companyId: number) => {
         axisLine: { show: false },
         axisTick: { show: false },
         splitLine: { show: false },
+        position: "right",
       },
     ],
     dataZoom: [
@@ -176,14 +192,14 @@ const useGetStockChart = (companyId: number) => {
         start: 40,
         end: 100,
       },
-      {
-        show: false,
-        xAxisIndex: [0, 1],
-        type: "slider",
-        top: "85%",
-        start: 40,
-        end: 100,
-      },
+      // {
+      //   show: false,
+      //   xAxisIndex: [0, 1],
+      //   type: "slider",
+      //   top: "85%",
+      //   start: 40,
+      //   end: 100,
+      // },
     ],
     series: [
       {