You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampipes.apache.org by ri...@apache.org on 2022/06/28 20:10:45 UTC
[incubator-streampipes] 03/03: [hotfix][data-explorer] Improve widget sizing
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/incubator-streampipes.git
commit 6743141a7ca7d7c47789a50b0c48a8217b379445
Author: Dominik Riemer <do...@gmail.com>
AuthorDate: Tue Jun 28 22:10:33 2022 +0200
[hotfix][data-explorer] Improve widget sizing
---
.../widgets/base/base-data-explorer-widget.directive.ts | 4 ++--
.../correlation-chart/correlation-chart-widget.component.ts | 6 ++++++
.../time-series-chart/time-series-chart-widget.component.ts | 9 ++++++++-
3 files changed, 16 insertions(+), 3 deletions(-)
diff --git a/ui/src/app/data-explorer/components/widgets/base/base-data-explorer-widget.directive.ts b/ui/src/app/data-explorer/components/widgets/base/base-data-explorer-widget.directive.ts
index b47c4a4a0..ca2e91b70 100644
--- a/ui/src/app/data-explorer/components/widgets/base/base-data-explorer-widget.directive.ts
+++ b/ui/src/app/data-explorer/components/widgets/base/base-data-explorer-widget.directive.ts
@@ -87,8 +87,8 @@ export abstract class BaseDataExplorerWidgetDirective<T extends DataExplorerWidg
}
ngOnInit(): void {
- const heightOffset = this.gridMode ? 70 : 55;
- const widthOffset = this.gridMode ? 10 : 0;
+ const heightOffset = this.gridMode ? 70 : 65;
+ const widthOffset = this.gridMode ? 10 : 10;
this.showData = true;
const sourceConfigs = this.dataExplorerWidget.dataConfig.sourceConfigs;
this.fieldProvider = this.fieldService.generateFieldLists(sourceConfigs);
diff --git a/ui/src/app/data-explorer/components/widgets/correlation-chart/correlation-chart-widget.component.ts b/ui/src/app/data-explorer/components/widgets/correlation-chart/correlation-chart-widget.component.ts
index 7ee788b1d..475367ec9 100644
--- a/ui/src/app/data-explorer/components/widgets/correlation-chart/correlation-chart-widget.component.ts
+++ b/ui/src/app/data-explorer/components/widgets/correlation-chart/correlation-chart-widget.component.ts
@@ -37,12 +37,18 @@ export class CorrelationChartWidgetComponent extends BaseDataExplorerWidgetDirec
graph = {
layout: {
grid: {rows: this.rowNo, columns: this.fixedColNo, pattern: 'independent'},
+ margin: {
+ t: 35,
+ b: 35
+ },
xaxis: {
+ automargin: true,
title: {
text: ''
}
},
yaxis: {
+ automargin: true,
title: {
text: ''
}
diff --git a/ui/src/app/data-explorer/components/widgets/time-series-chart/time-series-chart-widget.component.ts b/ui/src/app/data-explorer/components/widgets/time-series-chart/time-series-chart-widget.component.ts
index 4bf0de90b..cc131eb2e 100644
--- a/ui/src/app/data-explorer/components/widgets/time-series-chart/time-series-chart-widget.component.ts
+++ b/ui/src/app/data-explorer/components/widgets/time-series-chart/time-series-chart-widget.component.ts
@@ -59,7 +59,12 @@ export class TimeSeriesChartWidgetComponent extends BaseDataExplorerWidgetDirect
plot_bgcolor: '#fff',
paper_bgcolor: '#fff',
yaxis: {
- fixedrange: true
+ fixedrange: true,
+ automargin: true
+ },
+ margin: {
+ t: 35,
+ b: 35
},
updatemenus: this.updatemenus,
@@ -237,12 +242,14 @@ export class TimeSeriesChartWidgetComponent extends BaseDataExplorerWidgetDirect
spikedash: 'dash',
spikecolor: '#666666',
spikethickness: 2,
+ automargin: true,
};
this.graph.layout.hovermode = 'x';
} else {
this.graph.layout['xaxis'] = {
type: 'date',
+ automargin: true,
};
this.graph.layout.hovermode = '';
}