diff --git a/src/components/domain/HistoricalDataChart/i18n.json b/src/components/domain/HistoricalDataChart/i18n.json index 2bea348e1..f918610e0 100644 --- a/src/components/domain/HistoricalDataChart/i18n.json +++ b/src/components/domain/HistoricalDataChart/i18n.json @@ -5,6 +5,7 @@ "hazardFilterPlaceholder": "All Hazards", "peopleAffectedLabel": "People Affected", "fundedLabel": "Funding (CHF)", - "fundingCoverageLabel": "Funding Coverage" + "fundingCoverageLabel": "Funding Coverage", + "peopleExposed": "People Exposed / Affected" } } diff --git a/src/components/domain/HistoricalDataChart/index.tsx b/src/components/domain/HistoricalDataChart/index.tsx index 6d4a77b53..9befa3cdf 100644 --- a/src/components/domain/HistoricalDataChart/index.tsx +++ b/src/components/domain/HistoricalDataChart/index.tsx @@ -64,7 +64,7 @@ const validDisastersForChart: Record = { const X_AXIS_HEIGHT = 32; const Y_AXIS_WIDTH = 48; -const CHART_OFFSET = 10; +const CHART_OFFSET = 15; const chartMargin = { left: Y_AXIS_WIDTH + CHART_OFFSET, @@ -339,6 +339,15 @@ function HistoricalDataChart(props: Props) { className={styles.chartContainer} > + + {strings.peopleExposed} + ( 'numRiskOfDisplacement', - strings.returnPeriodTableReturnPeriodTitle, + strings.returnPeriodTableDisplacementTitle, (item) => item.displacement, { headerInfoTitle: strings.returnPeriodTableDisplacementTitle,