diff --git a/browser/package.json b/browser/package.json
index a591b085..8a87f555 100644
--- a/browser/package.json
+++ b/browser/package.json
@@ -7,7 +7,7 @@
     "ng": "ng",
     "update": "ng update",
     "build": "gulp updateBrowser && gulp overwrite-package-json && ng build --configuration production --progress=true",
-    "start": "gulp updateBrowser && ng serve --configuration es5 -o",
+    "start": "ng serve --configuration es5 -o",
     "startProd": "gulp updateBrowser && ng serve --configuration production --configuration es5 -o --progress=true",
     "start:es5": "ng serve -o",
     "startHost": "ng serve --configuration es5 -o",
diff --git a/browser/src/app/index/index.component.ts b/browser/src/app/index/index.component.ts
index 9b4bac03..be377fc9 100644
--- a/browser/src/app/index/index.component.ts
+++ b/browser/src/app/index/index.component.ts
@@ -8,11 +8,24 @@ import BrowserInfo  from "../../browser-info.json";
 
 // note these section is auto-generated - do not change it:
 // Auto-Insert-Imports-RoutingData-Start
-import { RoutingDataForCharts } from "../../samples/charts/routing-data";
-import { RoutingDataForExcel } from "../../samples/excel/routing-data";
-import { RoutingDataForGauges } from "../../samples/gauges/routing-data";
-import { RoutingDataForInputs } from "../../samples/inputs/routing-data";
-import { RoutingDataForMaps } from "../../samples/maps/routing-data";
+// import { RoutingDataForCharts } from "../../samples/charts/routing-data";
+// import { RoutingDataForExcel } from "../../samples/excel/routing-data";
+// import { RoutingDataForGauges } from "../../samples/gauges/routing-data";
+// import { RoutingDataForInputs } from "../../samples/inputs/routing-data";
+// import { RoutingDataForMaps } from "../../samples/maps/routing-data";
+
+export const RoutingDataForCharts = {
+
+    "data-chart/stacked-column-chart": { displayName: "Stacked Column Chart", parentName: "DataChart", showLink: true },
+    "data-chart-stacked-column-chart": { displayName: "Stacked Column Chart", parentName: "DataChart", showLink: false },
+    "data-chart/stacked-line-chart": { displayName: "Stacked Line Chart", parentName: "DataChart", showLink: true },
+    "data-chart-stacked-line-chart": { displayName: "Stacked Line Chart", parentName: "DataChart", showLink: false },
+    // "data-chart/stacked-spline-chart": { displayName: "Stacked Spline Chart", parentName: "DataChart", showLink: true },
+    // "data-chart-stacked-spline-chart": { displayName: "Stacked Spline Chart", parentName: "DataChart", showLink: false },
+    // "data-chart/stacked-spline-area-chart": { displayName: "Stacked Spline Area Chart", parentName: "DataChart", showLink: true },
+    // "data-chart-stacked-spline-area-chart": { displayName: "Stacked Spline Area Chart", parentName: "DataChart", showLink: false },
+    
+};
 
 
 // Auto-Insert-Imports-RoutingData-End
@@ -50,10 +63,10 @@ export class IndexComponent implements OnInit, AfterViewInit {
     private modulesRoutes = [
         // Auto-Insert-SamplesRoutingArray-Start
         { path: "charts", routesData: RoutingDataForCharts },
-        { path: "excel", routesData: RoutingDataForExcel },
-        { path: "gauges", routesData: RoutingDataForGauges },
-        { path: "inputs", routesData: RoutingDataForInputs },
-        { path: "maps", routesData: RoutingDataForMaps }
+        // { path: "excel", routesData: RoutingDataForExcel },
+        // { path: "gauges", routesData: RoutingDataForGauges },
+        // { path: "inputs", routesData: RoutingDataForInputs },
+        // { path: "maps", routesData: RoutingDataForMaps }
 
 
         // Auto-Insert-SamplesRoutingArray-End
diff --git a/samples/charts/data-chart/stacked-column-chart/src/app.component.html b/samples/charts/data-chart/stacked-column-chart/src/app.component.html
index a3a8ac9b..3ce81f1e 100644
--- a/samples/charts/data-chart/stacked-column-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-column-chart/src/app.component.html
@@ -3,17 +3,13 @@
       Annual Birth Rates by World Region
   </div>
   <div class="legend">
-      <igx-legend
-      name="legend"
-      #legend
-      orientation="Horizontal">
-      </igx-legend>
+   
   </div>
   <div class="container fill">
       <igx-data-chart
       name="chart"
       #chart
-      [legend]="legend"
+    
       isHorizontalZoomEnabled="false"
       isVerticalZoomEnabled="false">
           <igx-category-x-axis
diff --git a/samples/charts/data-chart/stacked-column-chart/src/app.component.ts b/samples/charts/data-chart/stacked-column-chart/src/app.component.ts
index b2d6dfef..30b4845e 100644
--- a/samples/charts/data-chart/stacked-column-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-column-chart/src/app.component.ts
@@ -13,8 +13,7 @@ import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, I
 export class AppComponent implements AfterViewInit
 {
 
-	@ViewChild("legend", { static: true } )
-	private legend: IgxLegendComponent
+	
 	@ViewChild("chart", { static: true } )
 	private chart: IgxDataChartComponent
 	@ViewChild("xAxis", { static: true } )
diff --git a/samples/charts/data-chart/stacked-line-chart/src/app.component.html b/samples/charts/data-chart/stacked-line-chart/src/app.component.html
index fdae910c..19a38014 100644
--- a/samples/charts/data-chart/stacked-line-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-line-chart/src/app.component.html
@@ -2,18 +2,12 @@
   <div class="legend-title">
       Annual Birth Rates by World Region
   </div>
-  <div class="legend">
-      <igx-legend
-      name="legend"
-      #legend
-      orientation="Horizontal">
-      </igx-legend>
-  </div>
+ 
   <div class="container fill">
       <igx-data-chart
       name="chart"
       #chart
-      [legend]="legend"
+      
       isHorizontalZoomEnabled="false"
       isVerticalZoomEnabled="false">
           <igx-category-x-axis
diff --git a/samples/charts/data-chart/stacked-line-chart/src/app.component.ts b/samples/charts/data-chart/stacked-line-chart/src/app.component.ts
index 019b3b33..754b2a53 100644
--- a/samples/charts/data-chart/stacked-line-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-line-chart/src/app.component.ts
@@ -13,8 +13,7 @@ import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, I
 export class AppComponent implements AfterViewInit
 {
 
-	@ViewChild("legend", { static: true } )
-	private legend: IgxLegendComponent
+	
 	@ViewChild("chart", { static: true } )
 	private chart: IgxDataChartComponent
 	@ViewChild("xAxis", { static: true } )