diff --git a/src/main/angular/src/app/cistern/cistern.component.html b/src/main/angular/src/app/cistern/cistern.component.html
index cc75240..a318168 100644
--- a/src/main/angular/src/app/cistern/cistern.component.html
+++ b/src/main/angular/src/app/cistern/cistern.component.html
@@ -1,18 +1,18 @@
 <table class="vertical">
   <tr>
     <th>Füllgrad</th>
-    <td class="valueInteger">{{seriesService.cisternHeight.series?.lastValue?.percent(93.5)?.localeString}}</td>
+    <td class="valueInteger">{{ seriesService.cisternHeight.series?.lastValue?.percent(93.5)?.localeString }}</td>
     <td class="unit">%</td>
   </tr>
   <tr>
     <th>Füllhöhe</th>
-    <td class="valueInteger">{{seriesService.cisternHeight.series?.lastValue?.localeString}}</td>
-    <td class="unit">{{seriesService.cisternHeight.series?.lastValue?.unit?.unit}}</td>
+    <td class="valueInteger">{{ seriesService.cisternHeight.series?.lastValue?.localeString }}</td>
+    <td class="unit">{{ seriesService.cisternHeight.series?.lastValue?.unit?.unit }}</td>
   </tr>
   <tr>
     <th>Volumen</th>
-    <td class="valueInteger">{{seriesService.cisternVolume.series?.lastValue?.localeString}}</td>
-    <td class="unit">{{seriesService.cisternVolume.series?.lastValue?.unit?.unit}}</td>
+    <td class="valueInteger">{{ seriesService.cisternVolume.series?.lastValue?.localeString }}</td>
+    <td class="unit">{{ seriesService.cisternVolume.series?.lastValue?.unit?.unit }}</td>
   </tr>
 </table>
-<img width="100%" src="http://localhost:8081/Series/Graph/{{seriesService.cisternVolume.series?.id}}/400/100/FIVE/0/288" alt="Graf">
+<img width="100%" *ngIf="seriesService.cisternVolume.series" [src]="graph(seriesService.cisternVolume.series)" [alt]="seriesService.cisternVolume.series.title">
diff --git a/src/main/angular/src/app/cistern/cistern.component.ts b/src/main/angular/src/app/cistern/cistern.component.ts
index 90c2a4e..d80c51d 100644
--- a/src/main/angular/src/app/cistern/cistern.component.ts
+++ b/src/main/angular/src/app/cistern/cistern.component.ts
@@ -1,10 +1,15 @@
 import {Component, OnDestroy, OnInit} from '@angular/core';
 import {SeriesService} from '../series/series.service';
 import {Subscription} from 'rxjs';
+import {NgIf} from '@angular/common';
+import {Series} from '../series/Series';
+import {ApiService} from '../core/api.service';
 
 @Component({
   selector: 'app-cistern',
-  imports: [],
+  imports: [
+    NgIf
+  ],
   templateUrl: './cistern.component.html',
   styleUrl: './cistern.component.less'
 })
@@ -25,4 +30,8 @@ export class CisternComponent implements OnInit, OnDestroy {
     this.subs.forEach(sub => sub.unsubscribe());
   }
 
+  graph(series: Series) {
+    return ApiService.url('http', ['Series', 'Graph', series.id, '400', '100', 'FIVE', '0', '288']);
+  }
+
 }