fix: different calls for different metrics

projects/observability/src/shared/dashboard/data/graphql/explore/explore-cartesian-data-source.model.ts

@@ -65,11 +65,7 @@ export abstract class ExploreCartesianDataSourceModel extends GraphQlDataSourceM
       console.log({ requestState });
       // tslint:disable-next-line: ban-ts-ignore
       // @ts-ignore
-      return of(
-        response.results[0][
-          `${requestState.series[0].specification.aggregation}(${requestState.series[0].specification.name})`
-        ].value
-      );
+      return of(response.results[0]);
     }
 
     return this.getAllData(requestState, response, interval, timeRange).pipe(

projects/observability/src/shared/dashboard/widgets/metric-display/metric-display-widget.model.ts

@@ -74,7 +74,17 @@ export class MetricDisplayWidgetModel {
     // tslint:disable-next-line: no-console
     console.log('Calling getData from metric-display-widget model');
 
-    return this.api.getData<unknown>().pipe(mergeMap(receivedValue => this.normalizeData(receivedValue)));
+    return this.api.getData<unknown>().pipe(
+      mergeMap(receivedValue => {
+        if (typeof receivedValue === 'object') {
+          const [aggregation, name] = this.title?.split(' ') ?? ['', ''];
+          // @ts-ignore
+          return this.normalizeData(receivedValue[`${name}(${aggregation})`].value);
+        }
+
+        return this.normalizeData(receivedValue);
+      })
+    );
   }
 
   private normalizeData(metricValue: unknown): Observable<MetricWidgetValueData> {