stats: invert stats data rendered in html; resulting diagrams will stay the same

Author: MarcelCoding

src/app/api/stats.service.ts

@@ -3,6 +3,7 @@ import { HttpClient } from "@angular/common/http";
 import { API_URL } from "./api.domain";
 import { Observable } from "rxjs";
 import { Series, TimeSelection } from "./stats.domain";
+import { map } from "rxjs/operators";
 
 @Injectable({
   providedIn: 'root'
@@ -15,7 +16,10 @@ export class StatsService {
   }
 
   public getTrafficStats(selection: TimeSelection): Observable<Series<[number, number][]>> {
-    return this.http.get<Series<[number, number][]>>(`${API_URL}/stats/traffic/${selection}`);
+    return this.http.get<Series<[number, number][]>>(`${API_URL}/stats/traffic/${selection}`)
+      .pipe(
+        map(series => ({ ...series, data: series.data.map(([time, value]) => ([time, value * -1])) }))
+      );
   }
 
   public getAs112Stats(selection: TimeSelection): Observable<Series<Record<string, [number, number][]>>> {

src/app/pages/stats/stats.component.ts

@@ -38,7 +38,7 @@ export class StatsComponent {
   protected wrapStats(series: Series<[number, number][]>): ApexAxisChartSeries {
     return [{
       name: $localize`Traffic`,
-      data: series.data.map(([time, value]) => [time * 1000, value]),
+      data: series.data.map(([time, value]) => [time * 1000, value * -1]),
     }]
   }
 }