how to define a maximum height

[rkmax]

I'm trying without success

<div style={{height: '300px'}}>
  <h3>Poll Results</h3>       
  <Chart {...chartProps} />
</div>

My dev have 300px of height but the chart takes the full document height

[chroth7]

thanks for raising this issue. Originally, I set it up so that I take full width of the container and then you can sort of define the aspect ratio using padding-bottom

But this is obviously not satisfying in your case.

To be sure: your use case is that you have a container (a div in your case) and maybe even some h3 in that - and you want to limit the chart to the remaining size? (as bounded by the height)?

[rkmax]

for now I'm using {paddingBottom: '25%', params: {aspectRatio: 0.25 }} but would be great if the height respect parent container