bug(EJ2-5518): angular sample issues fixed

Author: pipeline

src/chart/chart.module.ts

@@ -193,7 +193,7 @@ export const chartAppRoutes: Object[] = [
     { path: ':theme/chart/numeric-axis', component: NumericAxisChartComponent, name: 'Numeric Axis', order: '12', category: 'Chart Axes' },
     { path: ':theme/chart/datetime', component: DateTimeAxisChartComponent, name: 'DateTime Axis', order: '12', category: 'Chart Axes' },
     { path: ':theme/chart/category', component: CategoryChartComponent, name: 'Category Axis', order: '12', category: 'Chart Axes' },
-    { path: ':theme/chart/indexd-axis', component: IndexedAxisChartComponent, name: 'Indexd Category Axis', order: '12', category: 'Chart Axes' },
+    { path: ':theme/chart/indexed-axis', component: IndexedAxisChartComponent, name: 'Indexed Category Axis', order: '12', category: 'Chart Axes' },
     { path: ':theme/chart/logarithmic', component: LogarithmicAxisChartComponent, name: 'Log Axis', order: '12', category: 'Chart Axes' },
     { path: ':theme/chart/multiple-axes', component: MultipleAxesChartComponent, name: 'Multiple Axes', order: '12', category: 'Chart Axes' },
     { path: ':theme/chart/inversed', component: InversedAxisChartComponent, name: 'Inversed Axes', order: '12', category: 'Chart Axes' },

src/chart/error-bar-plnkr.json

@@ -5,10 +5,9 @@
 </div>
 <div class="control-section">
     <div class="col-md-8">
-        <ej-chart #chart style='display:block;width:92%' id='chartcontainer' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' [title]='title'
-            (pointRender)='pointRender($event)' [legendSettings]='legend' [tooltip]='tooltip'[chartArea]='chartArea'>
+        <ej-chart #chart style='display:block;width:92%' id='chartcontainer' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' [title]='title' (pointRender)='pointRender($event)' [legendSettings]='legend' [tooltip]='tooltip' [chartArea]='chartArea'>
             <e-series-collection>
-                <e-series [dataSource]='data' type='Scatter' xName='x' yName='y' [marker]='marker' [errorBar]='errorBar'>
+                <e-series [dataSource]='data' type='Scatter' xName='x' yName='y' [marker]='marker' [errorBar]='errorBar' name='Sales'>
                 </e-series>
             </e-series-collection>
         </ej-chart>
@@ -89,10 +88,8 @@
 </div>
 <div id="description">
     <p>
-        In this example, you can see how to render and configure the error bar charts. Line type charts are used for cartesian type
-        series. You can use error bar by set <code>visible</code> property to true. You can change the error bar
-        rendering type using <code>type</code> property like fixedValue, percentage, standardDeviation, standardError and
-        custom option of errorBar. To change the error bar line length you can use <code>verticalError</code> property.
+        In this example, you can see how to render and configure the error bar charts. Line type charts are used for cartesian type series. You can use error bar by set <code>visible</code> property to true. You can change the error bar rendering type
+        using <code>type</code> property like fixedValue, percentage, standardDeviation, standardError and custom option of errorBar. To change the error bar line length you can use <code>verticalError</code> property.
     </p>
     <p>Chart supports the following error bar types.
     </p>

src/chart/error-bar.html

@@ -1,24 +1,23 @@
 <div id="action-description">
     <p>
-        This sample demonstrates polar series with stacking column type. The switching between polar and radar series can be done by using <code>Series Type</code> in property panel. 
+        This sample demonstrates polar series with stacking column type. The switching between polar and radar series can be done by using <code>Series Type</code> in property panel.
     </p>
 </div>
 <div class="control-section">
     <div class="col-lg-9">
-        <ej-chart #chart style='display:block;' id='chartcontainer' [primaryXAxis]='primaryXAxis' [title]='title'
-            [tooltip]='tooltip' (load)='load($event)'>
+        <ej-chart #chart style='display:block;' id='chartcontainer' [primaryXAxis]='primaryXAxis' [title]='title' [tooltip]='tooltip' (load)='load($event)'>
             <e-series-collection>
-                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y' name='' [border]='border'>
+                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y' name='6-9' [border]='border'>
                 </e-series>
-                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y1' name='' [border]='border'>
+                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y1' name='9-11' [border]='border'>
                 </e-series>
-                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y2' name='' [border]='border'>
+                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y2' name='11-14' [border]='border'>
                 </e-series>
-                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y3' name='' [border]='border'>
+                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y3' name='14-17' [border]='border'>
                 </e-series>
-                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y4' name='' [border]='border'>
+                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y4' name='17-20' [border]='border'>
                 </e-series>
-                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y5' name='' [border]='border'>
+                <e-series [dataSource]='data' type='Polar' drawType='StackingColumn' xName='x' yName='y5' name='23 Above' [border]='border'>
                 </e-series>
             </e-series-collection>
         </ej-chart>
@@ -48,9 +47,8 @@
 </div>
 <div id="description">
     <p>
-        In this example, you can see how to render and configure the polar series with StackingColumn draw type charts.  You can use <code>border</code>,
-        <code>fill</code> properties to customize the data appearance. <code>dataLabel</code> is used to represent individual
-        data and its value.
+        In this example, you can see how to render and configure the polar series with StackingColumn draw type charts. You can use <code>border</code>,
+        <code>fill</code> properties to customize the data appearance. <code>dataLabel</code> is used to represent individual data and its value.
     </p>
     <p>
         Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.