feat: beforeResetZoom 시 초기 xmin, xmax 지정

42Statistics · Dec 5, 2023 · 0d392a7 · 0d392a7
1 parent bae24c4
commit 0d392a7
Show file tree

Hide file tree

Showing 7 changed files with 63 additions and 1 deletion.
diff --git a/app/src/Home/dashboard-contents/Coalition/ScoreRecordsPerCoalition.tsx b/app/src/Home/dashboard-contents/Coalition/ScoreRecordsPerCoalition.tsx
@@ -119,6 +119,14 @@ const ScoreRecordsPerCoalitionChart = ({
             },
           };
         },
+        beforeResetZoom: (ctx) => {
+          return {
+            xaxis: {
+              min: subMonths(new Date(), 8).getTime(),
+              max: ctx.maxX,
+            },
+          };
+        },
       },
     },
     xaxis: {

diff --git a/app/src/Home/dashboard-contents/Eval/EvalCountRecords.tsx b/app/src/Home/dashboard-contents/Eval/EvalCountRecords.tsx
@@ -93,6 +93,14 @@ const EvalCountRecordsChart = ({ series }: EvalCountRecordsChartProps) => {
             },
           };
         },
+        beforeResetZoom: (ctx) => {
+          return {
+            xaxis: {
+              min: subDays(new Date(), 18).getTime(),
+              max: ctx.maxX,
+            },
+          };
+        },
       },
     },
     xaxis: {

diff --git a/app/src/Home/dashboard-contents/Team/TeamCloseRecords.tsx b/app/src/Home/dashboard-contents/Team/TeamCloseRecords.tsx
@@ -93,6 +93,14 @@ const EvalCountRecordsChart = ({ series }: EvalCountRecordsChartProps) => {
             },
           };
         },
+        beforeResetZoom: (ctx) => {
+          return {
+            xaxis: {
+              min: subDays(new Date(), 18).getTime(),
+              max: ctx.maxX,
+            },
+          };
+        },
       },
     },
     xaxis: {

diff --git a/app/src/Home/dashboard-contents/User/AliveUserCountRecords.tsx b/app/src/Home/dashboard-contents/User/AliveUserCountRecords.tsx
@@ -10,8 +10,8 @@ import {
   DashboardContentNotFound,
 } from '@shared/components/DashboardContentView/Error';
 import { InfoTooltip } from '@shared/components/InfoTooltip';
-import { numberWithUnitFormatter } from '@shared/utils/formatters/numberWithUnitFormatter';
 import { MILLISECONDS } from '@shared/constants/date';
+import { numberWithUnitFormatter } from '@shared/utils/formatters/numberWithUnitFormatter';
 
 const GET_DAILY_ALIVE_USER_COUNT_RECORDS = gql(/* GraphQL */ `
   query GetDailyAliveUserCountRecords($last: Int!) {
@@ -102,6 +102,14 @@ const ActiveUserCountRecordsChart = ({
             },
           };
         },
+        beforeResetZoom: (ctx) => {
+          return {
+            xaxis: {
+              min: subDays(new Date(), 18).getTime(),
+              max: ctx.maxX,
+            },
+          };
+        },
       },
     },
     xaxis: {

diff --git a/app/src/Home/dashboard-contents/User/BlackholedCountRecords.tsx b/app/src/Home/dashboard-contents/User/BlackholedCountRecords.tsx
@@ -100,6 +100,14 @@ const BlackholedCountRecordsChart = ({
             },
           };
         },
+        beforeResetZoom: (ctx) => {
+          return {
+            xaxis: {
+              min: subMonths(new Date(), 12).getTime(),
+              max: ctx.maxX,
+            },
+          };
+        },
       },
     },
     xaxis: {

diff --git a/app/src/Profile/dashboard-contents/Eval/CountRecords.tsx b/app/src/Profile/dashboard-contents/Eval/CountRecords.tsx
@@ -103,6 +103,17 @@ const CountRecordsChart = ({ series }: CountRecordsChartProps) => {
             },
           };
         },
+        beforeResetZoom: (ctx) => {
+          return {
+            xaxis: {
+              min: Math.max(
+                beginAt.getTime(),
+                subMonths(new Date(), 12).getTime(),
+              ),
+              max: ctx.maxX,
+            },
+          };
+        },
       },
     },
     xaxis: {

diff --git a/app/src/Profile/dashboard-contents/LogtimeAndProject/LogtimeRecords.tsx b/app/src/Profile/dashboard-contents/LogtimeAndProject/LogtimeRecords.tsx
@@ -102,6 +102,17 @@ const LogtimeRecordsChart = ({ series }: LogtimeRecordsChartProps) => {
             },
           };
         },
+        beforeResetZoom: (ctx) => {
+          return {
+            xaxis: {
+              min: Math.max(
+                beginAt.getTime(),
+                subMonths(new Date(), 12).getTime(),
+              ),
+              max: ctx.maxX,
+            },
+          };
+        },
       },
     },
     xaxis: {