diff --git a/ng6-seed/src/app/dashboard/dashboard.component.html b/ng6-seed/src/app/dashboard/dashboard.component.html
index d01d75a32..0d79a7448 100644
--- a/ng6-seed/src/app/dashboard/dashboard.component.html
+++ b/ng6-seed/src/app/dashboard/dashboard.component.html
@@ -1,7 +1,7 @@
  
 
 <div class="pad-wrap">   
-  <div fxLayout="row wrap"> 
+  <!--<div fxLayout="row wrap"> 
       <div fxFlex.gt-sm="100" fxFlex.gt-xs="100" fxFlex="100">
           <mat-card>
              <mat-card-title>Today's Status</mat-card-title>
@@ -15,8 +15,60 @@
              </mat-card-content>
           </mat-card>
        </div>
-  </div> 
-   
+  </div> -->
+  <div fxLayout="row wrap"> 
+    <div fxFlex.gt-sm="33.33%" fxFlex="100" class="m-gap">
+        <mat-card>
+           <mat-card-title>Full</mat-card-title>
+           <mat-card-subtitle></mat-card-subtitle>
+           <hr>
+           <mat-card-content>
+             
+            <mat-card-content>
+                <div class="w-100 h-300px">
+
+                    <ngx-charts-gauge [scheme]="colorScheme" [results]="single" [min]="0" [max]="100" [angleSpan]="240" [startAngle]="-120" [units]="'PD'" [bigSegments]="10" [smallSegments]="5" >
+                    </ngx-charts-gauge>
+                </div>
+            </mat-card-content>
+           </mat-card-content>
+        </mat-card>
+     </div>
+     <div fxFlex.gt-sm="33.33%" fxFlex="100" class="m-gap">
+        <mat-card>
+           <mat-card-title>Smart</mat-card-title>
+           <mat-card-subtitle></mat-card-subtitle>
+           <hr>
+           <mat-card-content>
+             
+            <mat-card-content>
+                <div class="w-100 h-300px">
+
+                    <ngx-charts-gauge [scheme]="colorScheme" [results]="single" [min]="0" [max]="100" [angleSpan]="240" [startAngle]="-120" [units]="'PD'" [bigSegments]="10" [smallSegments]="5" >
+                    </ngx-charts-gauge>
+                </div>
+            </mat-card-content>
+           </mat-card-content>
+        </mat-card>
+     </div>
+     <div fxFlex.gt-sm="33.33%" fxFlex="100" class="m-gap">
+        <mat-card>
+           <mat-card-title>Tele</mat-card-title>
+           <mat-card-subtitle></mat-card-subtitle>
+           <hr>
+           <mat-card-content>
+             
+            <mat-card-content>
+                <div class="w-100 h-300px">
+
+                    <ngx-charts-gauge [scheme]="colorScheme" [results]="single" [min]="0" [max]="100" [angleSpan]="240" [startAngle]="-120" [units]="'PD'" [bigSegments]="10" [smallSegments]="5" >
+                    </ngx-charts-gauge>
+                </div>
+            </mat-card-content>
+           </mat-card-content>
+        </mat-card>
+     </div>
+</div>
   <!--Lender,Citywise, Same Status-->
  
   <div fxLayout="row wrap">
diff --git a/ng6-seed/src/app/dashboard/dashboard.component.ts b/ng6-seed/src/app/dashboard/dashboard.component.ts
index eca7640f3..c2b5fa838 100644
--- a/ng6-seed/src/app/dashboard/dashboard.component.ts
+++ b/ng6-seed/src/app/dashboard/dashboard.component.ts
@@ -1,32 +1,55 @@
-import { Component } from '@angular/core';
- 
+import { Component } from '@angular/core'; 
 
 @Component({
   selector: 'app-dashboard',
   templateUrl: './dashboard.component.html',
   styleUrls: ['./dashboard.component.scss']
 })
-
+ 
 
 export class DashboardComponent { 
-  //public single: any[];
-  //public multi: any[]; 
-
+   
   public showXAxis = true;
   public showYAxis = true;
   public gradient = false;
   public showLegend = false;
   public showXAxisLabel = true;
-  public xAxisLabel = 'Type';
+  public xAxisLabel = 'Status';
   public showYAxisLabel = true;
   public yAxisLabel = 'PD';
   public colorScheme = {
-    domain: ['#673ab7', '#f44336', '#009688 ', '#2196f3', '#ffd740 ', '#eb35bb ']
-  };
+    domain: ['#673ab7', '#f44336', '#009688 ', '#2196f3', '#234278 ', '#2a1653']
+  }; 
+  public autoScale = true;
   constructor() {
      
   }
-
+  single: Object[] = [
+    {
+      name: 'Triggered',
+      value: 45
+    },
+    {
+      name: 'Allocated',
+      value: 50
+    },
+    {
+      name: 'Scheduled',
+      value: 36
+    },
+    {
+      name: 'InProgress',
+      value: 90
+    },
+    {
+      name: 'Completed',
+      value: 56
+    },
+    {
+      name: 'QC Completed',
+      value: 81
+    }
+  ];
   // //Lender wise PD Triggered
    lenderpd: Object[] = [{
       lendername:'ICICI',
@@ -45,65 +68,7 @@ export class DashboardComponent {
       smartpd:'3',
     }, ];
 
-    multi: Object[]  = [
-     {
-       name: 'Full',
-      series: [
-         {
-           name: 'Triggered',
-          value: 50
-         },
-         {
-           name: 'Allocated',
-           value: 29
-         },
-         {
-           name: 'Schudled',
-           value: 45
-         },
-         {
-           name: 'InProgress',
-          value: 67
-         },
-         {
-           name: 'Completed',
-           value: 34
-         },{
-           name: 'QC Completed',
-           value: 22
-         }
-       ]
-     },
-     {
-       name: 'Smart',
-       series: [
-         {
-           name: 'Triggred',
-           value: 60
-        },
-         {
-           name: 'Allocated',
-           value: 33
-         },
-         {
-           name: 'Schudled',
-           value: 76
-         },
-         {
-           name: 'InProgress',
-           value: 34
-         },{
-           name: 'Completed',
-           value: 56
-         },{
-           name: 'QC Completed',
-           value: 45
-         }
-       ]
-     },
-   ];
-  
-  
+    
    //City Wise PD Triggered
    citywisepd: Object[] = [{
     cityname: 'Bangalore',