From 5957b337792c4ce48d73ef68e8a9f513b36acadb Mon Sep 17 00:00:00 2001 From: Thomas <4159106+dtslvr@users.noreply.github.com> Date: Sun, 30 May 2021 20:39:37 +0200 Subject: [PATCH] Feature/enable labels on the x axis of the investment chart (#128) * Enable x-axis labels * Update changelog --- CHANGELOG.md | 4 ++++ .../components/investment-chart/investment-chart.component.ts | 4 ++-- apps/client/src/app/pages/analysis/analysis-page.html | 2 +- 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index c4887507..b27d03ae 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/apps/client/src/app/components/investment-chart/investment-chart.component.ts b/apps/client/src/app/components/investment-chart/investment-chart.component.ts index 0ecd3a7f..38b78714 100644 --- a/apps/client/src/app/components/investment-chart/investment-chart.component.ts +++ b/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 }, diff --git a/apps/client/src/app/pages/analysis/analysis-page.html b/apps/client/src/app/pages/analysis/analysis-page.html index e282c522..fe219b28 100644 --- a/apps/client/src/app/pages/analysis/analysis-page.html +++ b/apps/client/src/app/pages/analysis/analysis-page.html @@ -167,7 +167,7 @@ -
+