fixes time-based tick-values to be more readable

middlewarehq · May 22, 2024 · 39c7f80 · 39c7f80
1 parent d09cad7
commit 39c7f80
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/web-server/src/content/DoraMetrics/ResolvedIncidents.tsx b/web-server/src/content/DoraMetrics/ResolvedIncidents.tsx
@@ -100,7 +100,10 @@ export const ResolvedIncidentsBody = () => {
         <Divider sx={{ mt: 2, mb: isTrendsSeriesDataAvailable ? 4 : 2 }} />
         {isTrendsSeriesDataAvailable ? (
           <FlexBox fullWidth height={'300px'} alignCenter justifyCenter p={1}>
-            <TrendsLineChart series={trendsSeriesMap.meanTimeToRestoreTrends} />
+            <TrendsLineChart
+              series={trendsSeriesMap.meanTimeToRestoreTrends}
+              isTimeBased
+            />
           </FlexBox>
         ) : (
           <Line>Not enough data to show trends.</Line>

diff --git a/web-server/src/content/PullRequests/TeamInsightsBody.tsx b/web-server/src/content/PullRequests/TeamInsightsBody.tsx
@@ -210,7 +210,7 @@ export const TeamInsightsBodyRouterless: FC<{
                   justifyCenter
                   p={1}
                 >
-                  <TrendsLineChart series={series} />
+                  <TrendsLineChart series={series} isTimeBased />
                 </FlexBox>
                 <LegendsMenu series={series} />
               </FlexBox>