CE-604 Increase height of pie & stacked bar chart from 250 to 300 - surprisingly seems better than just a 50px improvement

This commit is contained in:
2023-11-02 20:04:51 -05:00
parent 51b2f5bb5a
commit 279840e77a
2 changed files with 2 additions and 2 deletions

View File

@ -121,7 +121,7 @@ function StackedBarChart({data, chartSubheaderData}: Props): JSX.Element
return data ? ( return data ? (
<Box p={3} pt={1}> <Box p={3} pt={1}>
{chartSubheaderData && (<ChartSubheaderWithData chartSubheaderData={chartSubheaderData} />)} {chartSubheaderData && (<ChartSubheaderWithData chartSubheaderData={chartSubheaderData} />)}
<Box width="100%" height="250px"> <Box width="100%" height="300px">
<Bar data={data} options={options} getElementsAtEvent={handleClick} /> <Bar data={data} options={options} getElementsAtEvent={handleClick} />
</Box> </Box>
</Box> </Box>

View File

@ -94,7 +94,7 @@ function PieChart({description, chartData, chartSubheaderData}: Props): JSX.Elem
</Box> </Box>
<Grid container alignItems="center"> <Grid container alignItems="center">
<Grid item xs={12} justifyContent="center"> <Grid item xs={12} justifyContent="center">
<Box width="100%" height="250px" py={2} pr={2} pl={2}> <Box width="100%" height="300px" py={2} pr={2} pl={2}>
{useMemo( {useMemo(
() => ( () => (
<Pie data={data} options={options} getElementsAtEvent={handleClick} /> <Pie data={data} options={options} getElementsAtEvent={handleClick} />