Groups keyboard shortcuts have been updated
Dismiss
See shortcuts

Trouble with Timeline Relative Height.

39 views
Skip to first unread message

Alex Campbell

unread,
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 

<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