Adjust x axis

src/PriceSimulationChart.tsx

@@ -10,6 +10,7 @@ import {
   Tooltip
 } from "recharts";
 import { useTheme } from "@material-ui/styles";
+import { linspace } from "./utils";
 
 function PriceSimulationChart({
   priceTimeseries,
@@ -67,6 +68,13 @@ function PriceSimulationChart({
           dataKey={keyHorizontal}
           tick={{ fill: theme.palette.text.secondary }}
           stroke={theme.palette.text.secondary}
+          ticks={[
+            ...linspace({
+              to: priceTimeseries.length,
+              steps: 4
+            }).map(Math.floor),
+            priceTimeseries.length - 1
+          ]}
         />
         <YAxis
           yAxisId="left"

src/theme.tsx

@@ -9,7 +9,7 @@ const theme = createMuiTheme({
       main: "#2ecd79"
     },
     secondary: {
-      main: "#b44a9b"
+      main: "#116be0"
     },
     error: {
       main: red.A400