bug(EJ2-5384): angular SB changes committed

Author: pipeline

src/chart/drilldown-pie-plnkr.json

@@ -80,7 +80,7 @@ export class DrilldownPieComponent {
             }
             this.pie.series[0].dataLabel.position = 'Outside';
             this.pie.series[0].dataLabel.font.color = 'black';
-            this.pie.legendSettings.visible = true;
+            this.pie.legendSettings.visible = false;
             this.pie.visibleSeries[0].explodeIndex = null;
             this.pie.enableSmartLabels = true;
             this.pie.refresh();

src/chart/drilldown-pie.component.ts

@@ -6,7 +6,7 @@
 <div class="control-section">
     <div class="col-md-8">
             <ej-chart #chart style='display:block; width: 92%' [chartArea]='chartArea'[primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' [legendSettings]='legend' [title]='title'
-                selectionMode='Cluster' (load)='load($event)'>
+                selectionMode='DragXY' (load)='load($event)'>
                 <e-series-collection>
                     <e-series [dataSource]='data' type='Scatter' xName='x' yName='y' name='Product A' width=2 [marker]='marker1'> </e-series>
                     <e-series [dataSource]='data1' type='Scatter' xName='x' yName='y' name='Product B' width=2 [marker]='marker2'> </e-series>

src/chart/range-selection-plnkr.json

@@ -11,7 +11,7 @@
                 <e-axis startAngle=300 endAngle=60 radius='80%' minimum=999 maximum=2000 [majorTicks]="majorTicks" [minorTicks]="minorTicks"
                     [labelStyle]="labelStyle" [pointers]="pointers" [lineStyle]="lineStyle">
                     <e-annotations>
-                        <e-annotation content='<div style="color:#666666;font-size:35px;">1800</div>' angle=0 radius='110%'>
+                        <e-annotation content='<div style="color:#666666;font-size:35px;">1800</div>' angle=0 radius='110%' zIndex='1'>
                         </e-annotation>
                     </e-annotations>
                     <e-ranges>

src/chart/range-selection.html

@@ -91,13 +91,13 @@ export class DataComponent {
         axisIndex: 0,
         axisValue: 0,
         x: 50,
-        y: -110
+        y: -110, zIndex: '1'
     },
     {
         content: '<div id="pointerText" style="width:60px;"><p style="font-size:15px;color:#30b32d;">28 MPH</p></div>',
         axisIndex: 0,
         axisValue: 28,
-        y: -70
+        y: -70, zIndex: '1'
     }];
 
     public Axes2: Object[] = [{
@@ -145,13 +145,13 @@ export class DataComponent {
         axisIndex: 0,
         axisValue: 0,
         x: 50,
-        y: -120
+        y: -120, zIndex: '1'
     },
     {
         content: '<div id="pointerText" style="width:100px;"><p style="font-size:15px;color:#30b32d;">2000 Steps</p></div>',
         axisIndex: 0,
         axisValue: 2.2,
-        y: -65
+        y: -65, zIndex: '1'
     }];
 
     public Axes3: Object[] = [{