weekly view fixed, broken category bar chart

Chart needs fixing and currencies should pipe to show currency

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

@@ -34,15 +34,15 @@
     </div>
   </div>
 </div>
-<div *ngIf="showEssentialChart" class="card">
+<div *ngIf="showEssentialBarChart" class="card">
   <div class="card-block">
     <div class="row">
       <div class="col-sm-8">
         <h4 class="card-title mb-0">Essential Purchases</h4>
-      </div><!--/.col-->
-    </div><!--/.row-->
+      </div>
+    </div>
     <div class="chart-wrapper">
-      <canvas baseChart
+      <canvas baseChart class="chart"
       [datasets]="barChartDataEssential"
       [labels]="barChartLabelsEssential"
       [options]="barChartOptionsEssential"
@@ -52,3 +52,22 @@
     </div>
   </div>
 </div>
+<div *ngIf="showCategoryBarChart" class="card">
+  <div class="card-block">
+    <div class="row">
+      <div class="col-sm-8">
+        <h4 class="card-title mb-0">Month Purchases by Category</h4>
+      </div>
+    </div>
+    <div class="chart-wrapper">
+      <canvas baseChart
+      [datasets]="barChartDataCategory"
+      [labels]="barChartLabelsCategory"
+      [options]="barChartOptionsCategory"
+      [legend]="barChartLegendCategory"
+      [chartType]="barChartTypeCategory"
+      (chartHover)="chartHovered($event)"
+      (chartClick)="chartClicked($event)"></canvas>
+    </div>
+  </div>
+</div>