Added dashed lines to graph

Robert-M-Lucas · Apr 29, 2024 · 87c37fa · 87c37fa
1 parent 2bac81f
commit 87c37fa
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/pages/dashboard/graph tiles/NeedsGraphTile.tsx b/src/pages/dashboard/graph tiles/NeedsGraphTile.tsx
@@ -74,7 +74,7 @@ export default function needsGraphTile(transactions: Transaction[], userPrefs: U
                 <YAxis/>
                 <Tooltip/>
                 <Line type="monotone" dataKey="amount" stroke="#8884d8" dot={false}/>
-                <Line type="monotone" dataKey="goal" stroke="rgb(202, 15, 15)" dot={false}/>
+                <Line type="monotone" dataKey="goal" stroke="rgb(202, 15, 15)" dot={false} strokeDasharray="5 5"/>
             </LineChart>
         </ResponsiveContainer>
     </>;

diff --git a/src/pages/dashboard/graph tiles/SavingsGraphTile.tsx b/src/pages/dashboard/graph tiles/SavingsGraphTile.tsx
@@ -76,7 +76,7 @@ export default function savingsGraphTile(transactions: Transaction[], userPrefs:
                 <YAxis/>
                 <Tooltip/>
                 <Line type="monotone" dataKey="amount" stroke="#8884d8" dot={false}/>
-                <Line type="monotone" dataKey="goal" stroke="green" dot={false}/>
+                <Line type="monotone" dataKey="goal" stroke="green" dot={false} strokeDasharray="5 5"/>
             </LineChart>
         </ResponsiveContainer>
     </>;

diff --git a/src/pages/dashboard/graph tiles/WantsGraphTile.tsx b/src/pages/dashboard/graph tiles/WantsGraphTile.tsx
@@ -74,7 +74,7 @@ export default function wantsGraphTile(transactions: Transaction[], userPrefs: U
                 <YAxis/>
                 <Tooltip/>
                 <Line type="monotone" dataKey="amount" stroke="#8884d8" dot={false}/>
-                <Line type="monotone" dataKey="goal" stroke="rgb(202, 15, 15)" dot={false}/>
+                <Line type="monotone" dataKey="goal" stroke="rgb(202, 15, 15)" dot={false} strokeDasharray="5 5"/>
             </LineChart>
         </ResponsiveContainer>
     </>;