Bisq markets: General trading volume graph.

frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.ts

@@ -14,6 +14,8 @@ import { BisqApiService } from '../bisq-api.service';
 })
 export class BisqDashboardComponent implements OnInit {
   tickers$: Observable<any>;
+  volumes$: Observable<any>;
+
   allowCryptoCoins = ['usdc', 'l-btc', 'bsq'];
 
   constructor(
@@ -27,6 +29,30 @@ export class BisqDashboardComponent implements OnInit {
     this.seoService.setTitle(`Markets`);
     this.websocketService.want(['blocks']);
 
+    this.volumes$ = this.bisqApiService.getAllVolumesDay$()
+      .pipe(
+        map((volumes) => {
+          const data = volumes.map((volume) => {
+            return {
+              time: volume.period_start,
+              value: volume.volume,
+            };
+          });
+
+          const linesData = volumes.map((volume) => {
+            return {
+              time: volume.period_start,
+              value: volume.num_trades,
+            };
+          });
+
+          return {
+            data: data,
+            linesData: linesData,
+          };
+        })
+      );
+
     this.tickers$ = combineLatest([
       this.bisqApiService.getMarketsTicker$(),
       this.bisqApiService.getMarkets$(),