Google Chartsでy軸の長さを増やすにはどうすればよいですか？

Question

私はGoogle Chartsを使用しています。

function drawChart3() { 
    var data3 = google.visualization.arrayToDataTable([ 
     ['Day', 'Sales','exp'], 
     ['4-APRIL-16', 1000,200], 
     ['5-APRIL-16', 1170,300], 
     ['6-APRIL-16', 660,400], 
     ['7-APRIL-16', 1030,500], 
     ['8-APRIL-16', 60,4100], 
     ['9-APRIL-16', 130,5020], 
     ['10-APRIL-16', 60,4100], 
     ['11-APRIL-16', 130,5020], 
    ]); 

    var options3 = { 
     title: 'Company Performance', 
     curveType: 'function', 
     legend: { 
      position: 'bottom' 
     } 
    }; 

    var chart3 = new google.visualization.LineChart(document.getElementById('curve_chart')); 

    chart3.draw(data3, options3); 

を使用すると、日付のy軸のラベルがよく整列されていないページの画像が表示された場合：私は使用していますJavaScriptを。どうすればそれらを適切に整列できますか？

Answer 1

2つのオプションがあります。グラフのオプションで高さと幅のプロパティを設定することにより

：

• 含む要素の寸法、または：チャートの寸法によって設定されます。

以下は、コードからの両方のアプローチを示しています。

http://jsbin.com/televe/edit?html,css,js,console,output

次のいずれかの

#curve_chart { 
    width: 200px; 
} 

または

var options4 = { 
    title: 'Company Performance', 
    curveType: 'function', 
    height: 400, 
    width: 300, 
    legend: { 
    position: 'bottom' 
    } 
}; 

幅はあなた次第です。

参考： https://developers.google.com/chart/interactive/docs/basic_customizing_chart#specify-options