Feature/enable labels on the x axis of the investment chart (#128)

* Enable x-axis labels

* Update changelog

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added the year labels to the investment chart on the x-axis
+
 ### Changed
 
 - Respected the data source attribute of the transactions model in the data management for historical data

apps/client/src/app/components/investment-chart/investment-chart.component.ts

@@ -36,10 +36,10 @@ export class InvestmentChartComponent implements OnChanges, OnDestroy, OnInit {
 
   public constructor() {
     Chart.register(
+      LinearScale,
       LineController,
       LineElement,
       PointElement,
-      LinearScale,
       TimeScale
     );
   }
@@ -95,7 +95,7 @@ export class InvestmentChartComponent implements OnChanges, OnDestroy, OnInit {
             responsive: true,
             scales: {
               x: {
-                display: false,
+                display: true,
                 grid: {
                   display: false
                 },

apps/client/src/app/pages/analysis/analysis-page.html

@@ -167,7 +167,7 @@
       </mat-card>
     </div>
   </div>
-  <div *ngIf="!hasImpersonationId" class="d-none d-sm-block row">
+  <div class="d-none d-sm-block row">
     <div class="col-lg">
       <mat-card class="mb-3">
         <mat-card-header>