github/oneuptime
1
1
Fork 0
mirror of https://github.com/OneUptime/oneuptime.git synced 2026-04-06 00:32:12 +02:00
Code Issues 193 Packages Projects Releases Wiki Activity

feat: update chart height calculation to include widget header and adjust per-chart overhead

Browse Source
This commit is contained in:
Nawaz Dhandala
2026-03-30 15:03:04 +01:00
parent 796c52da4d
commit 472ebed3be
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
App/FeatureSet/Dashboard/src/Components/Dashboard/Components/DashboardChartComponent.tsx
View File

@@ -181,10 +181,17 @@ const DashboardChartComponentElement: FunctionComponent<ComponentProps> = (
}
const numberOfCharts: number = queryConfigs.length || 1;
// Each chart section in ChartGroup has ~60px overhead for title + padding
const perChartOverhead: number = 60;
// Account for widget-level header and per-chart overhead (title + legend + padding)
const hasWidgetHeader: boolean = !!(
props.component.arguments.chartTitle ||
props.component.arguments.chartDescription
);
const widgetHeaderHeight: number = hasWidgetHeader ? 50 : 0;
// Each chart section: pt-5(20) + title(20) + legend(24) + pb-4(16) = ~80px overhead
const perChartOverhead: number = 80;
let heightOfChart: number | undefined =
((props.dashboardComponentHeightInPx || 0) -
widgetHeaderHeight -
numberOfCharts * perChartOverhead) /
numberOfCharts;