display X-axis in ascending order

Signed-off-by: Jeremy Guarini <jguarini@paloaltonetworks.com>
2021-11-08 15:18:32 -08:00
parent 58d0c50d5d
commit 5a85b802f3
2 changed files with 10 additions and 1 deletions
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-code-coverage': patch
+---
+
+Make dates in X-Axis sort in ascending order
@@ -158,7 +158,11 @@ export const CoverageHistoryChart = () => {
            margin={{ right: 48, top: 32 }}
          >
            <CartesianGrid strokeDasharray="3 3" />
-            <XAxis dataKey="timestamp" tickFormatter={formatDateToHuman} />
+            <XAxis
+              dataKey="timestamp"
+              tickFormatter={formatDateToHuman}
+              reversed
+            />
            <YAxis dataKey="line.percentage" />
            <YAxis dataKey="branch.percentage" />
            <Tooltip labelFormatter={formatDateToHuman} />