This is an automated email from the ASF dual-hosted git repository.

riemer pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/streampipes.git


The following commit(s) were added to refs/heads/dev by this push:
     new f9582b23f0 fix: axis of status heatmap after resize (#3592)
f9582b23f0 is described below

commit f9582b23f0418ea1a36c5ba682919c9eedec8211
Author: Marcel Früholz <[email protected]>
AuthorDate: Fri May 16 15:36:20 2025 +0200

    fix: axis of status heatmap after resize (#3592)
---
 .../status-heatmap-renderer.service.ts               | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git 
a/ui/src/app/data-explorer-shared/components/charts/status-heatmap/status-heatmap-renderer.service.ts
 
b/ui/src/app/data-explorer-shared/components/charts/status-heatmap/status-heatmap-renderer.service.ts
index 73d26543b4..da35dff47f 100644
--- 
a/ui/src/app/data-explorer-shared/components/charts/status-heatmap/status-heatmap-renderer.service.ts
+++ 
b/ui/src/app/data-explorer-shared/components/charts/status-heatmap/status-heatmap-renderer.service.ts
@@ -39,6 +39,7 @@ export class SpStatusHeatmapRendererService extends 
SpBaseEchartsRenderer<Status
         widgetConfig: StatusHeatmapWidgetModel,
     ): void {
         this.basicOptions(options);
+        this.addAxisOptions(options);
         const field = widgetConfig.visualizationConfig.selectedProperty;
         const sourceIndex = field.sourceIndex;
 
@@ -121,11 +122,12 @@ export class SpStatusHeatmapRendererService extends 
SpBaseEchartsRenderer<Status
                 pieces: dynamicPieces,
                 orient: 'horizontal',
                 right: '5%',
-                top: '20',
+                top: '5%',
             };
 
             options.legend = {
                 type: 'scroll',
+                top: '0%',
             };
 
             options.series = [
@@ -160,16 +162,28 @@ export class SpStatusHeatmapRendererService extends 
SpBaseEchartsRenderer<Status
 
     basicOptions(options: EChartsOption): void {
         options.grid = {
-            height: '80%',
-            top: '80',
+            containLabel: true,
+            height: '60%',
+            top: '20%',
+            bottom: '10%',
         };
+    }
+
+    private addAxisOptions(options: EChartsOption): void {
         options.xAxis = {
             type: 'category',
             splitArea: { show: true },
+            axisLabel: {
+                overflow: 'truncate',
+            },
         };
+
         options.yAxis = {
             type: 'category',
             splitArea: { show: true },
+            axisLabel: {
+                overflow: 'truncate',
+            },
         };
     }
 

Reply via email to