@c8y/ngx-components 1023.14.103 → 1023.14.104

package/fesm2022/c8y-ngx-components-echart.mjs

@@ -432,6 +432,7 @@ class EchartsOptionsService {
         this.severityLabelPipe = severityLabelPipe;
         this.translate = translate;
         this.router = router;
+        this.AGGREGATED_SERIES_TYPE = 'aggr';
         this.TOOLTIP_WIDTH = 300;
     }
     getChartOptions(datapointsWithValues, timeRange, showSplitLines, events, alarms, displayOptions, selectedTimeRange, aggregatedDatapoint, sliderZoomUsed = false) {
@@ -654,11 +655,11 @@ class EchartsOptionsService {
         const renderType = aggregatedDatapoint?.renderType || 'min';
         const idx = 0;
         if (renderType === 'area') {
-            series.push(this.getSingleSeries(aggregatedDatapoint, 'min', idx, true, displayOptions, 'aggr'));
-            series.push(this.getSingleSeries(aggregatedDatapoint, 'max', idx, true, displayOptions, 'aggr'));
+            series.push(this.getSingleSeries(aggregatedDatapoint, 'min', idx, true, displayOptions, this.AGGREGATED_SERIES_TYPE));
+            series.push(this.getSingleSeries(aggregatedDatapoint, 'max', idx, true, displayOptions, this.AGGREGATED_SERIES_TYPE));
         }
         else {
-            series.push(this.getSingleSeries(aggregatedDatapoint, renderType, idx, false, displayOptions, 'aggr'));
+            series.push(this.getSingleSeries(aggregatedDatapoint, renderType, idx, false, displayOptions, this.AGGREGATED_SERIES_TYPE));
         }
         series.forEach((s) => {
             s.datapointId = 'aggregated';
@@ -1393,6 +1394,13 @@ class EchartsOptionsService {
     }
     getSingleSeries(dp, renderType, idx, isMinMaxChart = false, displayOptions, seriesType = '') {
         const datapointId = dp.__target?.id + dp.fragment + dp.series;
+        const isAggr = seriesType === this.AGGREGATED_SERIES_TYPE;
+        const data = isAggr && Object.keys(dp.values).length <= 1
+            ? []
+            : Object.entries(dp.values).map(([dateString, values]) => [
+                dateString,
+                values[0][renderType]
+            ]);
         return {
             datapointId,
             datapointUnit: dp.unit || '',
@@ -1401,11 +1409,8 @@ class EchartsOptionsService {
                 ? `${datapointId}/${renderType}${seriesType}`
                 : `${datapointId}${seriesType}`,
             name: `${dp.label} (${dp.__target?.['name']})`,
-            // datapointLabel used to proper display of tooltip
             datapointLabel: dp.label || '',
-            data: Object.entries(dp.values).map(([dateString, values]) => {
-                return [dateString, values[0][renderType]];
-            }),
+            data,
             ...(displayOptions.forceMergeDatapoints ? {} : { yAxisIndex: idx }),
             ...this.chartTypesService.getSeriesOptions(dp, isMinMaxChart, renderType)
         };