Trouble with Timeline Relative Height.
56 views
Skip to first unread message
Alex Campbell
Oct 18, 2024, 10:43:10 AM10/18/24
to Google Visualization API
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
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>
Screenshot 2024-10-18 100608.png
Reply all
Reply to author
Forward
0 new messages