I am having trouble getting the timeline relative height to work. I saw 
this old Github Issue  
<https://github.com/rakannimer/react-google-charts/issues/237> 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>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/ee7180f1-6e4c-4a5e-82d2-a7f154ea1a72n%40googlegroups.com.

Reply via email to