I am having trouble getting the timeline relative height to work. I saw this old
Github Issue that said it was resolved but I am seeing the same problem with the height getting set to 200px instead of 100%. I am currently using the latest version of react-google-charts 5.1.0.
You can see in the attached screenshot that the svg being made is 327px but it is being placed in a div that is 200px.
Here is the typescript code
<Grid item xs={12}>
<div style={{ backgroundColor: 'red', padding: 6 }}>
<Chart
chartType={'Timeline'}
data={chartSource}
width={'100%'}
height={'100%'}
options={{
avoidOverlappingGridLines: true,
zoomStartTime: 0,
zoomEndTime: 1,
showBarLabels: false
}}
className={classes.background}
/>
</div>
</Grid>