Fix Chart.js axis rounding to respect exact min/max dates for #3998

2 weeks ago · 33737c18a3
2 changed files with 8 additions and 0 deletions
--- a/apps/client/src/app/components/investment-chart/investment-chart.component.ts
+++ b/apps/client/src/app/components/investment-chart/investment-chart.component.ts
@ -246,6 +246,10 @@ export class GfInvestmentChartComponent implements OnChanges, OnDestroy {
                max: this.xMax?.getTime(),
                min: this.xMin?.getTime(),
                type: 'time',
+                bounds: 'data',
+                ticks: {
+                  source: 'data'
+                },
                time: {
                  tooltipFormat: getDateFormatString(this.locale),
                  unit: 'year'
--- a/libs/ui/src/lib/line-chart/line-chart.component.ts
+++ b/libs/ui/src/lib/line-chart/line-chart.component.ts
@ -222,6 +222,10 @@ export class GfLineChartComponent
                },
                max: this.xMax?.getTime(),
                min: this.xMin?.getTime(),
+                bounds: 'data',
+                ticks: {
+                  source: 'data'
+                },
                time: {
                  tooltipFormat: getDateFormatString(this.locale),
                  unit: 'year'