diff --git a/src/app/Dashboard/Charts/donutchart.component.html b/src/app/Dashboard/Charts/piechart.component.html
similarity index 100%
rename from src/app/Dashboard/Charts/donutchart.component.html
rename to src/app/Dashboard/Charts/piechart.component.html
diff --git a/src/app/Dashboard/Charts/donutchart.component.ts b/src/app/Dashboard/Charts/piechart.component.ts
similarity index 80%
rename from src/app/Dashboard/Charts/donutchart.component.ts
rename to src/app/Dashboard/Charts/piechart.component.ts
index 63c5397..314ddcb 100644
--- a/src/app/Dashboard/Charts/donutchart.component.ts
+++ b/src/app/Dashboard/Charts/piechart.component.ts
@@ -7,10 +7,10 @@ declare var google: any;
 
 
 @Component({
-  selector: 'donut-chart',
-  templateUrl: './donutchart.component.html'
+  selector: 'pie-chart',
+  templateUrl: './piechart.component.html'
 })
-export class DonutChartComponent implements OnInit {
+export class PieChartComponent implements OnInit {
 
     @Input() data: any[];
     @Input() config: PieChartConfig;
diff --git a/src/app/Dashboard/dashboard.component.html b/src/app/Dashboard/dashboard.component.html
index b8a658d..4a8edcf 100644
--- a/src/app/Dashboard/dashboard.component.html
+++ b/src/app/Dashboard/dashboard.component.html
@@ -4,8 +4,8 @@ <h2>{{title}}</h2>
 <div class="divTable">
     <div class="divTableBody">
         <div class="divTableRow">
-            <div class="divTableCell"><donut-chart [data]="data1" [config]="config1" [elementId]="elementId1"></donut-chart></div>
-            <div class="divTableCell"><donut-chart [data]="data2" [config]="config2" [elementId]="elementId2"></donut-chart></div>
+            <div class="divTableCell"><pie-chart [data]="data1" [config]="config1" [elementId]="elementId1"></pie-chart></div>
+            <div class="divTableCell"><pie-chart [data]="data2" [config]="config2" [elementId]="elementId2"></pie-chart></div>
         </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 03703b3..03a7471 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -5,11 +5,11 @@ import { BrowserModule } from '@angular/platform-browser';
 import { ComboChartComponent } from './Dashboard/Charts/combochart.component'
 import { DashboardComponent } from './Dashboard/dashboard.component';
 import { DataTableModule } from 'angular-4-data-table';
-import {DonutChartComponent} from './Dashboard/Charts/donutchart.component'
 import { FormsModule }   from '@angular/forms';
 import { GoogleComboChartService } from './Services/google-combo-chart.service';
 import { GooglePieChartService } from './Services/google-pie-chart.service';
 import { NgModule } from '@angular/core';
+import { PieChartComponent } from './Dashboard/Charts/piechart.component'
 
 @NgModule({
   declarations: [
@@ -17,7 +17,7 @@ import { NgModule } from '@angular/core';
     DashboardComponent,
     AdminComponent,
     ComboChartComponent,
-    DonutChartComponent
+    PieChartComponent
   ],
   imports: [
     BrowserModule,