Pequeños cambios en los gráficos

TODO Arreglar css de los tamaños

src/app/card/card.component.html

 <!--card.component.html-->
 <mat-card class="dashboard-card">
-    <mat-card-header>
-        <mat-card-title>
-            {{title}}
-            
-        </mat-card-title>
-    </mat-card-header>
     <mat-card-content class="dashboard-card-content">
         <ng-content></ng-content>
     </mat-card-content>

src/app/dash/dash.component.html

@@ -5,17 +5,17 @@
       </app-card>     
     </mat-grid-tile>
     <mat-grid-tile [colspan]="( cardLayout | async )?.barras.cols" [rowspan]="( cardLayout | async )?.barras.rows">
-      <app-card title="Gráfico de barras">
+      <app-card>
         <app-grafico-barras></app-grafico-barras>
       </app-card>     
     </mat-grid-tile>
     <mat-grid-tile [colspan]="( cardLayout | async )?.sectores.cols" [rowspan]="( cardLayout | async )?.sectores.rows">
-      <app-card title="Gráfico de sectores">
+      <app-card>
         <app-grafico-sectores ></app-grafico-sectores>
       </app-card>     
     </mat-grid-tile>
     <mat-grid-tile [colspan]="( cardLayout | async )?.filtros.cols" [rowspan]="( cardLayout | async )?.filtros.rows">
-      <app-card title="Menú de filtros">
+      <app-card>
         <app-menu-filtros (actualizar)="recibirCambioOpcion($event)"></app-menu-filtros>
       </app-card>     
     </mat-grid-tile>

src/app/grafico-barras/grafico-barras.component.ts

@@ -29,7 +29,19 @@ export class GraficoBarrasComponent implements OnInit {
             backgroundColor: 'orange'
           }
         ]
+      },
+      options: {
+        responsive: true,
+        plugins: {
+          legend: {
+            position: 'top',
+          },
+          title: {
+            display: true,
+            text: 'Chart.js Line Chart'
           }
+        }
+      },     
     });
   }
 

src/app/grafico-sectores/grafico-sectores.component.ts

@@ -32,8 +32,21 @@ export class GraficoSectoresComponent implements OnInit {
             data: [],
             backgroundColor: this.listaColores
           },
+
         ]
       },
+      options: {
+        responsive: true,
+        plugins: {
+          legend: {
+            position: 'right',
+          },
+          title: {
+            display: true,
+            text: 'Chart.js Pie Chart'
+          }
+        }
+      },
       
     });
   }