Javascript 谷歌图表中的图表组件无法动态更改高度

我需要根据父div的大小动态更改图表高度。我使用了一个布尔值isHalf来确定图表高度应该是50%还是90%。isHalf的初始值为true，因此图表组件最初以50%的高度渲染。但是，当isHalf更改为false时，当值作为90%传递给组件时，高度保持在50%

const report = { chart_configuration: {
   height:  isHalf ? "50%" : "90%";
}}

<Chart
     chartType={report.chart_configuration.type}
     loader={<div>Loading Chart</div>}
    data={report.chart_configuration.data}
    options={report.chart_configuration.options}
    width={report.chart_configuration.width}
    height={report.chart_configuration.height}
    legendToggle
/>