@centreon/ui 25.7.0 → 25.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "25.7.0",
+  "version": "25.7.1",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",

package/src/Graph/common/utils.ts

@@ -4,9 +4,11 @@ import {
   always,
   cond,
   equals,
+  flatten,
   gt,
   gte,
   head,
+  isEmpty,
   isNil,
   last,
   length,
@@ -220,20 +222,26 @@ export const getFormattedAxisValues = ({
   lines,
   threshold
 }: GetFormattedAxisValuesProps): Array<string> => {
-  const metricId = (lines.find(({ unit }) => equals(unit, axisUnit)) as Line)
-    ?.metric_id;
+  const filteredMetrics = lines.filter(({ unit }) => equals(unit, axisUnit));
 
-  if (isNil(metricId)) {
+  if (isEmpty(filteredMetrics)) {
     return [];
   }
-  const formattedData = timeSeries.map((data) =>
-    formatMetricValue({
-      value: data[metricId],
-      unit: axisUnit,
-      base
-    })
+
+  const metricIds = pluck('metric_id', filteredMetrics);
+
+  const formattedData = metricIds.map((metricId) =>
+    timeSeries.map((data) =>
+      formatMetricValue({
+        value: data[metricId],
+        unit: axisUnit,
+        base
+      })
+    )
   );
 
+  const flattenedFormattedData = flatten(formattedData);
+
   const formattedThresholdValues = equals(thresholdUnit, axisUnit)
     ? threshold.map(({ value }) =>
         formatMetricValue({
@@ -244,7 +252,7 @@ export const getFormattedAxisValues = ({
       ) || []
     : [];
 
-  return formattedData
+  return flattenedFormattedData
     .concat(formattedThresholdValues)
     .filter((v) => v) as Array<string>;
 };