如何在网格项目材质UI中设置高度

Question

我正在使用材质UI，我有一个网格容器，容器的方向是“列”，在该容器内有两个网格项，我想知道如何设置两个网格项的高度，例如第一个网格项是网格容器高度的60％，发送网格项目是网格容器高度的40％。

代码：

   <Grid container direction="column" justify='center'>
          <Grid item lg={12}>
              <HighchartsPieChart highcharts={Highcharts} options={options} />
          </Grid>
          <Grid item lg={12}>
            <Grid container direction='row' alignItems='center' justify='space-between'>
                <Grid item>
                  <Paper>xs=3</Paper>
                </Grid>
                <Grid item>
                  <Paper>xs=4</Paper>
                </Grid>
            </Grid>
          </Grid>
        </Grid>

如上图所示，我希望红色突出显示的部分大约占网格容器高度的60％，蓝色突出显示的部分大约占网格容器高度的40％。