diff --git a/src/components/MainWindow/LinePlot.tsx b/src/components/MainWindow/LinePlot.tsx index fb418bf..e4c318e 100644 --- a/src/components/MainWindow/LinePlot.tsx +++ b/src/components/MainWindow/LinePlot.tsx @@ -52,7 +52,6 @@ const LinePlot: React.FC = (props) => { ); } - const chartTitle = `${regionLongname} - ${varLongname}`; const yAxisTitle = props.selectedSatelliteVariable.labelPlotYaxis; // WARNING: It is _critical_ that the data is copied before passing to @@ -137,11 +136,9 @@ const LinePlot: React.FC = (props) => { }, ]; - const ytdSeriesLastNonNullPoint = ytdSeries.filter(p => p[1] !== null).slice(-1)[0]; - const ytdSeriesLastDate = new Date(ytdSeriesLastNonNullPoint[0]); const chartOptions: Highcharts.Options = { chart: { - height: '95%', + height: '90%', type: 'line', }, accessibility: { @@ -149,12 +146,7 @@ const LinePlot: React.FC = (props) => { description: `${varLongname} plotted over the current water year.`, }, title: { - text: chartTitle, - style: {fontSize: '20px'}, - }, - subtitle: { - text: `As of ${ytdSeriesLastDate.toISOString().split('T')[0]}`, - style: {fontSize: '16px'}, + text: undefined, }, tooltip: { shared: true, diff --git a/src/components/MainWindow/Tile.tsx b/src/components/MainWindow/Tile.tsx index aa84296..ea920a9 100644 --- a/src/components/MainWindow/Tile.tsx +++ b/src/components/MainWindow/Tile.tsx @@ -68,6 +68,16 @@ const Tile: React.FC = (props) => { FallbackComponent={ErrorFallbackTileComponent} resetKeys={[selectedTileType, selectedRegion, selectedSatelliteVariableId]} > +
+

{selectedTileType == "map" ? selectedSatelliteVariable.longName : selectedSatelliteVariable.longNamePlot}

+

{selectedRegion.longName} as of {selectedSatelliteVariable.lastDateWithData}

+

+ Climatology calculated over{' '} + {selectedSatelliteVariable.historicWaterYearRange[0]} + {' '}to{' '} + {selectedSatelliteVariable.historicWaterYearRange[1]} +

+
}> {content} diff --git a/src/style/Tile.css b/src/style/Tile.css index 8e76445..a1c4dca 100644 --- a/src/style/Tile.css +++ b/src/style/Tile.css @@ -10,7 +10,23 @@ flex-direction: column; } +.tile-title h1, .tile-title h2, .tile-title h3 { + text-align: center; + line-height: 1em; + margin: 0; +} +.tile-title h1 { + font-size: 1.5em; +} +.tile-title h2 { + font-size: 1.3em; +} +.tile-title h3 { + font-size: 1em; +} + .tile-citation { + /* line-height */ font-size: 14px; background: white; }