diff --git a/samples/charts/category-chart/axis-range/src/app.component.html b/samples/charts/category-chart/axis-range/src/app.component.html
index ae60a06c7..34c268c3f 100644
--- a/samples/charts/category-chart/axis-range/src/app.component.html
+++ b/samples/charts/category-chart/axis-range/src/app.component.html
@@ -9,7 +9,7 @@
       name="propertyEditorPanel1"
       #propertyEditorPanel1>
           <igx-property-editor-property-description
-          propertyPath="YAxisMinimumValue"
+          propertyPath="YAxisMinimumValueHandler"
           name="YAxisMinimumValue"
           #yAxisMinimumValue
           label="Y Axis Minimum Value"
@@ -17,10 +17,10 @@
           valueType="EnumValue"
           dropDownNames="0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100"
           dropDownValues="0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100"
-          primitiveValue="0">
+          (changed)="this.editorChangeUpdateYAxisMinimumValue($event)">
           </igx-property-editor-property-description>
           <igx-property-editor-property-description
-          propertyPath="YAxisMaximumValue"
+          propertyPath="YAxisMaximumValueHandler"
           name="YAxisMaximumValue"
           #yAxisMaximumValue
           label="Y Axis Maximum Value"
@@ -28,7 +28,7 @@
           valueType="EnumValue"
           dropDownNames="100, 110, 120, 130, 140, 150, 160, 170, 180, 190, 200"
           dropDownValues="100, 110, 120, 130, 140, 150, 160, 170, 180, 190, 200"
-          primitiveValue="150">
+          (changed)="this.editorChangeUpdateYAxisMaximumValue($event)">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
diff --git a/samples/charts/category-chart/axis-range/src/app.component.ts b/samples/charts/category-chart/axis-range/src/app.component.ts
index b4a0e8ea8..be58fb3b2 100644
--- a/samples/charts/category-chart/axis-range/src/app.component.ts
+++ b/samples/charts/category-chart/axis-range/src/app.component.ts
@@ -1,8 +1,11 @@
 import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, LegendDescriptionModule, CategoryChartDescriptionModule } from 'igniteui-angular-core';
 import { CountryRenewableElectricityItem, CountryRenewableElectricity } from './CountryRenewableElectricity';
-import { IgxLegendComponent, IgxCategoryChartComponent } from 'igniteui-angular-charts';
-import { IgxPropertyEditorPanelComponent, IgxPropertyEditorPropertyDescriptionComponent } from 'igniteui-angular-layouts';
+import { IgxPropertyEditorPropertyDescriptionChangedEventArgs, IgxPropertyEditorPropertyDescriptionComponent } from 'igniteui-angular-layouts';
+import { IgxCategoryChartComponent, MarkerType, MarkerType_$type } from 'igniteui-angular-charts';
+import { EnumUtil } from 'igniteui-angular-core';
+import { IgxLegendComponent } from 'igniteui-angular-charts';
+import { IgxPropertyEditorPanelComponent } from 'igniteui-angular-layouts';
 
 import { defineAllComponents } from 'igniteui-webcomponents';
 
@@ -57,5 +60,17 @@ export class AppComponent implements AfterViewInit
 	{
 	}
 
+	public editorChangeUpdateYAxisMinimumValue({ sender, args }: { sender: any, args: IgxPropertyEditorPropertyDescriptionChangedEventArgs }): void {
+
+		var yAxisMinimumVal = args.newValue;
+	    this.chart.yAxisMinimumValue = parseInt(yAxisMinimumVal);
+	}
+
+	public editorChangeUpdateYAxisMaximumValue({ sender, args }: { sender: any, args: IgxPropertyEditorPropertyDescriptionChangedEventArgs }): void {
+
+	    var yAxisMaximumVal = args.newValue;
+	    this.chart.yAxisMaximumValue = parseInt(yAxisMaximumVal);
+	}
+
 }
 
diff --git a/samples/charts/category-chart/chart-highlight-filter/src/app.component.html b/samples/charts/category-chart/chart-highlight-filter/src/app.component.html
index 969b3f6c5..4dc5ba354 100644
--- a/samples/charts/category-chart/chart-highlight-filter/src/app.component.html
+++ b/samples/charts/category-chart/chart-highlight-filter/src/app.component.html
@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Overlay">
+          primitiveValue="Hidden">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -25,7 +25,7 @@
       [dataSource]="salesData"
       initialGroups="MonthName"
       initialHighlightFilter="Country ne 'UK'"
-      highlightedValuesDisplayMode="Overlay">
+      highlightedValuesDisplayMode="Hidden">
       </igx-category-chart>
   </div>
 </div>
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/src/app.component.html b/samples/charts/data-chart/chart-highlight-filter-datasource/src/app.component.html
index 1409f7c06..7faafa2af 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/src/app.component.html
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/src/app.component.html
@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Overlay">
+          primitiveValue="Hidden">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -21,7 +21,7 @@
       <igx-data-chart
       shouldAutoExpandMarginForInitialLabels="true"
       computedPlotAreaMarginMode="Series"
-      highlightedValuesDisplayMode="Overlay"
+      highlightedValuesDisplayMode="Hidden"
       name="chart"
       #chart>
           <igx-category-x-axis
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/src/app.component.html b/samples/charts/data-chart/chart-highlight-filter-multiple-series/src/app.component.html
index 40c55e7c1..1ff9832ac 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/src/app.component.html
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/src/app.component.html
@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Overlay">
+          primitiveValue="Hidden">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -23,7 +23,7 @@
       computedPlotAreaMarginMode="Series"
       name="chart"
       #chart
-      highlightedValuesDisplayMode="Overlay">
+      highlightedValuesDisplayMode="Hidden">
           <igx-category-x-axis
           name="xAxis"
           #xAxis
diff --git a/samples/charts/data-chart/chart-highlight-filter/src/app.component.html b/samples/charts/data-chart/chart-highlight-filter/src/app.component.html
index e1fb8ecec..316c6e3fa 100644
--- a/samples/charts/data-chart/chart-highlight-filter/src/app.component.html
+++ b/samples/charts/data-chart/chart-highlight-filter/src/app.component.html
@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Overlay">
+          primitiveValue="Hidden">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -21,7 +21,7 @@
       <igx-data-chart
       shouldAutoExpandMarginForInitialLabels="true"
       computedPlotAreaMarginMode="Series"
-      highlightedValuesDisplayMode="Overlay"
+      highlightedValuesDisplayMode="Hidden"
       name="chart"
       #chart>
           <igx-category-x-axis