Aktueller Stand

src/app/app.component.html

@@ -46,7 +46,7 @@
       </h2>
       <div ngbAccordionCollapse>
         <div ngbAccordionBody>
-          <ng-template><app-test duration="P7D"></app-test></ng-template>
+          <ng-template><app-test duration="P7D" houseId="{{houseId}}"></app-test></ng-template>
         </div>
       </div>
     </div>
@@ -56,7 +56,7 @@
       </h2>
       <div ngbAccordionCollapse>
         <div ngbAccordionBody>
-          <ng-template><app-test duration="P30D"></app-test></ng-template>
+          <ng-template><app-test duration="P30D" houseId="{{houseId}}"></app-test></ng-template>
         </div>
       </div>
     </div>
@@ -66,7 +66,7 @@
       </h2>
       <div ngbAccordionCollapse>
         <div ngbAccordionBody>
-          <ng-template><app-test duration="P365D"></app-test></ng-template>
+          <ng-template><app-test duration="P365D" houseId="{{houseId}}"></app-test></ng-template>
         </div>
       </div>
     </div>

src/app/chart/chart.component.html

@@ -1,3 +1,3 @@
-<div style="border: 1px solid blueviolet;width: 50%; height: 50%;">
+<div style="border: 1px solid blueviolet;display: block; width: 100%; height: 400px;">
   <canvas id="canvas"></canvas>
 </div>

src/app/chart/chart.component.ts

@@ -35,6 +35,8 @@ export class ChartComponent implements OnInit, OnChanges {
           this.chart = new Chart('canvas', {
             type: 'line',
             options: {
+              responsive: true,
+              maintainAspectRatio: false,
               scales: {
                 x: {
                   type: 'time',