0

私はこのグーグルビジュアライゼーションを持っており、ブラウザウィンドウで全画面表示したいと思います：http：//cl.ly/image/1y0U1m1o2m0m

コードは次のとおりです。

<html>
  <head>
    <meta charset="utf-8">
    <title>

    </title>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("jquery", "1.4.2");
      google.load('visualization', '1', {packages: ['corechart']});
    </script>
    <script type="text/javascript">
      function drawVisualization() {
        // Create and populate the data table.
        var a = <?=$elos?>;
        var data = google.visualization.arrayToDataTable(a);

        var options = {
          title: 'blah blah blah',
          //curveType: "function",
          width: $(window).width(),
          height: $(window).height(),
          vAxis: {
            minValue:800,
            maxValue:2000,
            textStyle: {color: 'black'}
          },
          legend:{position: 'none'}
        };



        // Create and draw the visualization.
        new google.visualization.LineChart(document.getElementById('visualization')).
            draw(data, options);
      }

      google.setOnLoadCallback(drawVisualization);
    </script>
  </head>
  <body>
    <div id="visualization"></div>
  </body>
</html>

ウィンドウサイズに設定されており、ウィンドウサイズの長方形が作成されますが、グラフの周囲には多くの空きスペースがあります。

4

1 に答える 1

0

グラフをページ全体のサイズにするには:

chartArea: {width: '90%', height: '90%'}
于 2013-01-22T18:18:56.167 に答える