diff --git a/samples/charts/category-chart/data-aggregations/src/app.component.html b/samples/charts/category-chart/data-aggregations/src/app.component.html
index d713c7f69..4a421c959 100644
--- a/samples/charts/category-chart/data-aggregations/src/app.component.html
+++ b/samples/charts/category-chart/data-aggregations/src/app.component.html
@@ -9,7 +9,7 @@
       name="propertyEditorPanel1"
       #propertyEditorPanel1>
           <igx-property-editor-property-description
-          propertyPath="InitialGroups"
+          propertyPath="InitialGroupsHandler"
           name="InitialGroups"
           #initialGroups
           label="Initial Groups"
@@ -17,21 +17,23 @@
           shouldOverrideDefaultEditor="true"
           dropDownNames="Country, Product, MonthName, Year"
           dropDownValues="Country, Product, MonthName, Year"
-          primitiveValue="Country">
+          primitiveValue="Country"
+          (changed)="this.editorChangeUpdateInitialGroups($event)">
           </igx-property-editor-property-description>
           <igx-property-editor-property-description
-          propertyPath="InitialSummaries"
+          propertyPath="InitialSummariesHandler"
           name="InitialSummaries"
           #initialSummaries
           label="Initial Summaries"
           valueType="EnumValue"
           shouldOverrideDefaultEditor="true"
-          dropDownNames="Sum(Sales), Avg(Sales), Min(Sales), Max(Sales), Count(Sales)"
+          dropDownNames="Sum(Sales) as Sales, Avg(Sales) as Sales, Min(Sales) as Sales, Max(Sales) as Sales, Count(Sales) as Sales"
           dropDownValues="Sum(Sales) as Sales, Avg(Sales) as Sales, Min(Sales) as Sales, Max(Sales) as Sales, Count(Sales) as Sales"
-          primitiveValue="Sum(Sales) as Sales">
+          primitiveValue="Sum(Sales) as Sales"
+          (changed)="this.editorChangeUpdateInitialSummaries($event)">
           </igx-property-editor-property-description>
           <igx-property-editor-property-description
-          propertyPath="GroupSorts"
+          propertyPath="GroupSortsHandler"
           name="GroupSorts"
           #groupSorts
           label="Sort Groups"
@@ -39,7 +41,8 @@
           shouldOverrideDefaultEditor="true"
           dropDownNames="Sales Desc, Sales Asc"
           dropDownValues="Sales Desc, Sales Asc"
-          primitiveValue="Sales Desc">
+          primitiveValue="Sales Desc"
+          (changed)="this.editorChangeUpdateGroupSorts($event)">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
diff --git a/samples/charts/category-chart/data-aggregations/src/app.component.ts b/samples/charts/category-chart/data-aggregations/src/app.component.ts
index c0c93e81b..683af4877 100644
--- a/samples/charts/category-chart/data-aggregations/src/app.component.ts
+++ b/samples/charts/category-chart/data-aggregations/src/app.component.ts
@@ -1,8 +1,10 @@
 import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, LegendDescriptionModule, CategoryChartDescriptionModule } from 'igniteui-angular-core';
 import { SalesData } from './SalesData';
-import { IgxPropertyEditorPanelComponent, IgxPropertyEditorPropertyDescriptionComponent } from 'igniteui-angular-layouts';
-import { IgxCategoryChartComponent } from 'igniteui-angular-charts';
+import { IgxPropertyEditorPropertyDescriptionChangedEventArgs, IgxPropertyEditorPropertyDescriptionComponent } from 'igniteui-angular-layouts';
+import { IgxCategoryChartComponent, MarkerType, MarkerType_$type } from 'igniteui-angular-charts';
+import { EnumUtil } from 'igniteui-angular-core';
+import { IgxPropertyEditorPanelComponent } from 'igniteui-angular-layouts';
 
 import { defineAllComponents } from 'igniteui-webcomponents';
 
@@ -57,5 +59,23 @@ export class AppComponent implements AfterViewInit
 	{
 	}
 
+	public editorChangeUpdateInitialGroups({ sender, args }: { sender: any, args: IgxPropertyEditorPropertyDescriptionChangedEventArgs }): void {
+
+	    var intialGroupVal = args.newValue.toString();
+	    chart.initialGroups = intialGroupVal;
+	}
+
+	public editorChangeUpdateInitialSummaries({ sender, args }: { sender: any, args: IgxPropertyEditorPropertyDescriptionChangedEventArgs }): void {
+
+	    var intialSummaryVal = args.newValue.toString();
+	    chart.initialSummaries = intialSummaryVal;
+	}
+
+	public editorChangeUpdateGroupSorts({ sender, args }: { sender: any, args: IgxPropertyEditorPropertyDescriptionChangedEventArgs }): void {
+
+	    var groupSortsVal = args.newValue.toString();
+	    chart.groupSorts = groupSortsVal;
+	}
+
 }