javascript - 如何设置这个谷歌表格的高度？

Question

我有一个 google 表格，我试图扩展它的高度以适应容纳它的整个容器，但高度不会改变。宽度成功，但高度不会。

任何有谷歌图表经验的人都可以告诉我如何改变这个高度？

JS Application

代码在 jsFiddle 中不起作用。只需单击提交按钮即可查看图表，无需输入数据。相关代码如下所示:

CSS:

#mytable{
    display: none;
    margin-top: 60px;
    width: 410px;
    height: 270px; 
    float: right;
    border: 1px solid;
}

#table_div{
    width:410px;
    height: 270px;
}

HTML:

<div id="mytable"><div id="table_div" ></div></div>

JS:

function drawTableChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('number', 'months passed');
    data.addColumn('number', 'money saved');
    data.addRows([
        [6, competitorCost(6) - ourCost(6)],
        [12, competitorCost(12) - ourCost(12)],
        [18, competitorCost(18) - ourCost(18)],
        [24, competitorCost(24) - ourCost(24)]
    ]);

    var options = {
        width: 410,
        height: 270
    }

    var table = new google.visualization.Table(document.getElementById('table_div'));
    table.draw(data, {showRowNumber: false});
}

Answer 1

我可以用下面的 CSS 来设置它

#table_div table{
    width:410px;
    height: 270px;
}