Add noon marker

toddmedema · Apr 27, 2024 · e0e65d0 · e0e65d0
1 parent cb733b4
commit e0e65d0
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/base/ChartSupplyDemand.tsx b/src/components/base/ChartSupplyDemand.tsx
@@ -82,6 +82,8 @@ const ChartSupplyDemand = (props: Props): JSX.Element => {
       ).sunset;
   }
 
+  const noon = sunrise + (sunset - sunrise) / 2
+
   // BLACKOUT CALCULATION
   let blackoutCount = 0;
   const blackouts = [
@@ -165,14 +167,14 @@ const ChartSupplyDemand = (props: Props): JSX.Element => {
     <div>
       <VictoryChart
         theme={VictoryTheme.material}
-        padding={{ top: 10, bottom: 25, left: 55, right: 5 }}
+        padding={{ top: 10, bottom: 45, left: 55, right: 5 }}
         domain={{ y: [domainMin, domainMax] }}
         domainPadding={{ y: [6, 6] }}
         height={height || 300}
       >
         <VictoryAxis
-          tickValues={[sunrise, sunset]}
-          tickFormat={["🌅", "🌇"]}
+          tickValues={[sunrise, noon, sunset]}
+          tickFormat={["🌅", "☀️ ", "🌇"]}
           tickLabelComponent={<VictoryLabel dy={-5} />}
           style={{
             axis: chartTheme.axis,