feat: add decimation plugin to chart

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added support for data decimation in the line chart component
+
 ### Changed
 
 - Improved the check for duplicates in the preview step of the activities import (allow different accounts)

apps/client/src/app/components/admin-market-data-detail/admin-market-data-detail.component.html

@@ -2,6 +2,7 @@
   <gf-line-chart
     class="mb-4"
     [colorScheme]="user?.settings?.colorScheme"
+    [dataDecimation]="true"
     [historicalDataItems]="historicalDataItems"
     [isAnimated]="true"
     [locale]="locale"

apps/client/src/app/components/home-overview/home-overview.html

@@ -69,6 +69,7 @@ <h4 i18n>Welcome to Ghostfolio</h4>
             symbol="Performance"
             unit="%"
             [colorScheme]="user?.settings?.colorScheme"
+            [dataDecimation]="true"
             [hidden]="historicalDataItems?.length === 0"
             [historicalDataItems]="historicalDataItems"
             [isAnimated]="user?.settings?.dateRange === '1d' ? false : true"

apps/client/src/app/components/position/position-detail-dialog/position-detail-dialog.html

@@ -26,6 +26,7 @@
       [benchmarkDataItems]="benchmarkDataItems"
       [colorScheme]="data.colorScheme"
       [currency]="SymbolProfile?.currency"
+      [dataDecimation]="true"
       [historicalDataItems]="historicalDataItems"
       [isAnimated]="true"
       [locale]="data.locale"

libs/ui/src/lib/line-chart/line-chart.component.ts

@@ -29,6 +29,7 @@ import { LineChartItem } from '@ghostfolio/common/interfaces';
 import { ColorScheme } from '@ghostfolio/common/types';
 import {
   Chart,
+  Decimation,
   Filler,
   LineController,
   LineElement,
@@ -49,6 +50,7 @@ export class LineChartComponent implements AfterViewInit, OnChanges, OnDestroy {
   @Input() benchmarkLabel = '';
   @Input() colorScheme: ColorScheme;
   @Input() currency: string;
+  @Input() dataDecimation = false;
   @Input() historicalDataItems: LineChartItem[];
   @Input() isAnimated = false;
   @Input() locale: string;
@@ -73,6 +75,7 @@ export class LineChartComponent implements AfterViewInit, OnChanges, OnDestroy {
 
   public constructor(private changeDetectorRef: ChangeDetectorRef) {
     Chart.register(
+      Decimation,
       Filler,
       LineController,
       LineElement,
@@ -201,6 +204,9 @@ export class LineChartComponent implements AfterViewInit, OnChanges, OnDestroy {
             },
             interaction: { intersect: false, mode: 'index' },
             plugins: <unknown>{
+              decimation: {
+                enabled: this.dataDecimation
+              },
               legend: {
                 align: 'start',
                 display: this.showLegend,