Trouble with Timeline Relative Height.

58 views

Skip to first unread message

Alex Campbell

unread,

Oct 18, 2024, 10:43:10 AM 10/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