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',
+ },
};
}