如何填充DIV内的画布

Question

我有以下用户界面

我正在尝试填充第一个DIV框中的图表。但它正在溢出

如何使画布填充div的高度和宽度但不溢出

以下是我正在使用的代码部分

<div layout="row" style="Height:300px">
        <div flex="50" layout="column" flex-order="1" style="background-color:white" layout-margin md-whiteframe="1">

            <div>
                <h4 md-colors="{color: 'default-primary-hue-2'}" flex> Automated Tests</h4>
            </div>
            <div flex >
                <canvas id="myChart" style="max-height:inherit;overflow:hidden;"></canvas>
            </div>

        </div>