sample(EJ2-5383): Added Tooltip and Sample values

Author: pipeline

src/chart/chart.module.ts

@@ -108,7 +108,7 @@ export const chartAppRoutes: Object[] = [
 
     { path: ':theme/chart/column', component: ColumnChartComponent, name: 'Column', order: '03', category: 'Bar Charts' },
     { path: ':theme/chart/rounded-column', component: RoundedColumnChartComponent, name: 'Rounded Column', order: '03', category: 'Bar Charts' },
-    { path: ':theme/chart/column-placement', component: PlacementColumnChartComponent, name: 'Side by Placement', order: '03', category: 'Bar Charts' },
+    { path: ':theme/chart/column-placement', component: PlacementColumnChartComponent, name: 'Back to Back Column', order: '03', category: 'Bar Charts' },
     { path: ':theme/chart/bar', component: BarChartComponent, name: 'Bar', order: '03', category: 'Bar Charts' },
     { path: ':theme/chart/stacked-column', component: StackedColumnChartComponent, name: 'Stacked Column', order: '03', category: 'Bar Charts' },
     { path: ':theme/chart/stacked-column100', component: PercentStackedColumnChartComponent, name: '100% Stacked Column', order: '03', category: 'Bar Charts' },
@@ -184,7 +184,7 @@ export const chartAppRoutes: Object[] = [
     { path: ':theme/chart/polar-stackedarea', component: PolarStackedAreaChartComponent, name: 'Stacked Area', order: '10', category: 'Polar Radar' },
     { path: ':theme/chart/polar-scatter', component: PolarScatterChartComponent, name: 'Scatter', order: '10', category: 'Polar Radar' },
     { path: ':theme/chart/polar-column', component: PolarColumnChartComponent, name: 'Column', order: '10', category: 'Polar Radar' },
-    { path: ':theme/chart/polar-stackedcolumn', component: PolarStackedColumnChartComponent, name: 'Stacked Column', order: '10', category: 'Polar Radar' },
+    { path: ':theme/chart/polar-stackedcolumn', component: PolarStackedColumnChartComponent, name: 'Wind Rose', order: '10', category: 'Polar Radar' },
     { path: ':theme/chart/polar-rangecolumn', component: PolarRangeColumnChartComponent, name: 'Range Column', order: '10', category: 'Polar Radar' },
 
     { path: ':theme/chart/local-data', component: LocalDataChartComponent, name: 'Local Data', order: '11', category: 'Data Binding' },

src/chart/default-pie-plnkr.json

@@ -11,10 +11,10 @@ import { AccumulationChartComponent, AccumulationChart, IAccLoadedEventArgs, Acc
 })
 export class DefaultPieComponent {
     public data: Object[] = [
-        { 'x': 'Chrome', y: 37.42, text: '37.42%' }, { 'x': 'UC Browser', y: 16.94, text: '16.94%' },
-        { 'x': 'iPhone', y: 17.94, text: '17.94%' },
-        { 'x': 'Others', y: 3.69, text: '3.69%' }, { 'x': 'Opera', y: 11.37, text: '11.37%' },
-        { 'x': 'Android', y: 11.73, text: '11.73%' }
+        { 'x': 'Chrome', y: 37, text: '37%' }, { 'x': 'UC Browser', y: 17, text: '17%' },
+        { 'x': 'iPhone', y: 19, text: '19%' },
+        { 'x': 'Others', y: 4, text: '4%' }, { 'x': 'Opera', y: 11, text: '11%' },
+        { 'x': 'Android', y: 12, text: '12%' }
     ];
 
     @ViewChild('pie')
@@ -68,8 +68,7 @@ export class DefaultPieComponent {
         visible: true,
         position: 'Inside', name: 'text',
         font: {
-            fontWeight: '600',
-            color: '#ffffff'
+            fontWeight: '600'
         }
     };
     public load(args: IAccLoadedEventArgs): void {

src/chart/default-pie.component.ts

@@ -10,12 +10,10 @@ import { AccumulationChartComponent, AccumulationChart, IAccLoadedEventArgs, Acc
     encapsulation: ViewEncapsulation.None
 })
 export class DoughnutComponent {
-    public data: Object[] = [
-        { x: 'Labour', y: 28, text: '28%' }, { x: 'Legal', y: 10, text: '10%' },
-        { x: 'Production', y: 20, text: '20%' }, { x: 'License', y: 15, text: '15%' },
-        { x: 'Facilities', y: 23, text: '23%' }, { x: 'Taxes', y: 17, text: '17%' },
-        { x: 'Insurance', y: 12, text: '12%' }
-    ];
+    public data: Object[] = [{ x: 'Labour', y: 18, text: '18%' }, { x: 'Legal', y: 8, text: '8%' },
+    { x: 'Production', y: 15, text: '15%' }, { x: 'License', y: 11, text: '11%' },
+    { x: 'Facilities', y: 18, text: '18%' }, { x: 'Taxes', y: 14, text: '14%' },
+    { x: 'Insurance', y: 16, text: '16%' }];
     //Initializing Legend
     public legendSettings: Object = {
         visible: false,

src/chart/doughnut-plnkr.json

@@ -14,7 +14,7 @@ import {
 })
 export class FunnelComponent {
     public data: Object[] = [{ x: 'Renewed', y: 18.20, text: '18.20%' },
-    { x: 'Subscribe', y: 27.3, text: '27.3%' },
+    { x: 'Subscribed', y: 27.3, text: '27.3%' },
     { x: 'Support', y: 55.9, text: '55.9%' },
     { x: 'Downloaded', y: 76.8, text: '76.8%' },
     { x: 'Visited', y: 100, text: '100%' }];

src/chart/doughnut.component.ts

@@ -60,7 +60,9 @@ export class HiloChartComponent {
     };
     public crosshair: Object = {
         enable: true,
-        lineType: 'Vertical'
+        lineType: 'Vertical', line: {
+            width: 0,
+        }
     };
     public load(args: ILoadedEventArgs): void {
         let selectedTheme: string = location.hash.split('/')[1];