googleチャートでグラフに高さがなく表示がおかしいです

下のグーグルチャートですが、問題なく表示されるのですがサイズがおかしくて困っています。
高さがほとんどなく、幅は１００％で見にくくて仕方がありません。
薄く平べったい感じです。

CSSも外しているのでグラフの設定自体が問題だと思いますが、どなたかわかる方いらっしゃいますでしょうか。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script><!-- AJAX API のロード -->

<script>
google.load('visualization', '1', { packages : [ 'corechart' ]});
google.setOnLoadCallback(drawChart);

function drawChart(){
     // 表示するデータの設定
    var data = new google.visualization.DataTable();
    data.addColumn('string', '時');
	data.addColumn('number', 'A');
	data.addColumn('number', 'B');
	data.addColumn('number', 'C');
	
    data.addRows([
	
["9",5,0,0],["10",5,0,0],["11",3,0,1],["12",4,0,0],["13",4,0,0],["14",3,0,1],["15",5,0,0],["16",5,0,1],["17",3,0,0],["18",5,0,0],

    ]);

    // グラフの設定
    var option = {
        title: '分布率',
		isStacked: true,
    };

    //グラフの種類を指定
	var chart = new google.visualization.ColumnChart(document.getElementById('chart_hour'));
    chart.draw(data, option);
}
</script>

<div class="chart" id="chart_hour">分布率</div>