Merge pull request OneUptime#1647 from OneUptime/make-graphs-beautiful

Make graphs beautiful

Author: simlarsen

Common/Types/BrandColors.ts

@@ -65,3 +65,11 @@ export const BrightColors: Color[] = [
   Lime500,
   Amber500,
 ];
+
+export const ChartColors: Color[] = [
+  Indigo500,
+  Rose500,
+  Green500,
+  Cyan500,
+  Gray500,
+];

Common/UI/Components/Charts/Line/LineChart.tsx

@@ -1,7 +1,7 @@
 import { Box, CartesianMarkerProps } from "@nivo/core";
 import { LegendProps } from "@nivo/legends";
 import { Point, ResponsiveLine } from "@nivo/line";
-import { BrightColors } from "Common/Types/BrandColors";
+import { ChartColors } from "Common/Types/BrandColors";
 import Color from "Common/Types/Color";
 import OneUptimeDate from "Common/Types/Date";
 import React, { FunctionComponent, ReactElement } from "react";
@@ -228,7 +228,7 @@ const LineChart: FunctionComponent<ComponentProps> = (
             }),
           });
         }}
-        colors={BrightColors.map((item: Color) => {
+        colors={ChartColors.map((item: Color) => {
           return item.toString();
         })}
         legends={legends}

Dashboard/src/Components/Monitor/MonitorCharts/MonitorChart.tsx

@@ -329,7 +329,7 @@ export class MonitorCharts {
       return {
         type: YScaleType.LINEAR,
         min: 0,
-        max: 10000,
+        max: "auto",
       };
     } else if (data.checkOn === CheckOn.ResponseStatusCode) {
       return {