chore(*): recreate charts on columnSelectionChanging

Author: dobromirts

projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts

@@ -5,8 +5,9 @@ import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPane, IgcSplitPan
 import { FinancialData } from '../../data/financialData';
 import { FloatingPanesService } from '../../services/floating-panes.service';
 import { DockSlotComponent } from './dock-slot/dock-slot.component';
-import { IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxDividerDirective, IgxBadgeComponent } from 'igniteui-angular';
+import { IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxDividerDirective, IgxBadgeComponent, IColumnSelectionEventArgs } from 'igniteui-angular';
 import { NgClass, DecimalPipe, TitleCasePipe, CurrencyPipe } from '@angular/common';
+import { debounceTime } from 'rxjs/operators';
 
 @Pipe({
     name: 'filterType'
@@ -122,6 +123,10 @@ export class DataAnalysisDockManagerComponent implements OnInit, AfterViewInit
         this.grid.rangeSelected.subscribe(range => {
             this.createChartCommonLogic();
         });
+
+        this.grid.columnSelectionChanging.pipe(debounceTime(100)).subscribe((args: IColumnSelectionEventArgs) => {
+            this.createChartCommonLogic();
+        });
     }
 
     // eslint-disable-next-line @typescript-eslint/member-ordering