Colour fixes

src/app/dashboard/dashboard-customer.component.html

@@ -73,6 +73,7 @@
             [datasets]="barChartDataCategory"
             [labels]="barChartLabelsCategory"
             [options]="barChartOptionsCategory"
+            [colors]="barChartColoursCategory"
             [legend]="barChartLegendCategory"
             [chartType]="barChartTypeCategory"
             (chartHover)="chartHovered($event)"

src/app/dashboard/dashboard-customer.component.ts

@@ -42,16 +42,17 @@ export class DashboardCustomerComponent implements OnInit {
   public doughnutChartColoursCategory: any[] = [
                {
                  backgroundColor:[
-                   'red',
+                   '#ffa1b5',
                    'green',
-                   'blue',
+                   '#52afed',
                    'purple',
                    'yellow',
                    'brown',
                    'magenta',
                    'cyan',
                    'orange',
-                   'pink'
+                   'red',
+                   '#000000'
                  ]
                }];
 
@@ -117,7 +118,22 @@ export class DashboardCustomerComponent implements OnInit {
   public barChartLegendCategory:boolean = false;
   public barChartDataCategory:any[]=[];
   public barChartLabelsCategory:string[] = [];
-
+  public barChartColoursCategory: any[] = [
+    {
+      backgroundColor:[
+        '#ffa1b5',
+        'green',
+        '#52afed',
+        'purple',
+        'yellow',
+        'brown',
+        'magenta',
+        'cyan',
+        'orange',
+        'red',
+        '#000000'
+      ]
+    }];
 
 
   weekPurchaseList = {

src/app/dashboard/dashboard.component.html

@@ -68,6 +68,7 @@
               [datasets]="doughnutChartDataCategory"
               [labels]="doughnutChartLabelsCategory"
               [options]="doughnutChartOptionsCategory"
+              [colors]="doughnutChartColoursCategory"
               [legend]="chartLegend"
               [chartType]="chartType"
               (chartHover)="chartHovered($event)"

src/app/dashboard/dashboard.component.ts

@@ -80,6 +80,23 @@ export class DashboardComponent {
   public chartLegend = true;
   public doughnutChartDataCategory: any[] = [];
   public doughnutChartLabelsCategory: string[] = [];
+  public doughnutChartColoursCategory: any[] = [
+               {
+                 backgroundColor:[
+                   '#ffa1b5',
+                   'green',
+                   '#52afed',
+                   'purple',
+                   'yellow',
+                   'brown',
+                   'magenta',
+                   'cyan',
+                   'orange',
+                   'red',
+                   '#000000'
+                 ]
+               }];
+
 
   public doughnutChartOptionsCategory:any = {
     tooltips: {
@@ -121,16 +138,17 @@ export class DashboardComponent {
   public barChartColoursCategory: any[] = [
     {
       backgroundColor:[
-        'red',
+        '#ffa1b5',
         'green',
-        'blue',
+        '#52afed',
         'purple',
         'yellow',
         'brown',
         'magenta',
         'cyan',
         'orange',
-        'pink'
+        'red',
+        '#000000'
       ]
     }];
 

src/app/panels/pie-panel.component.ts

@@ -27,7 +27,7 @@ export class PiePanel implements OnInit {
     'magenta',
     'cyan',
     'orange',
-    'pink'
+    'pink',
     ]
   },
   { borderColor:[