Javascript 谷歌可视化全浏览器窗口_Javascript_Html_Google Visualization

Javascript 谷歌可视化全浏览器窗口

javascript html google-visualization

Javascript 谷歌可视化全浏览器窗口,javascript,html,google-visualization,Javascript,Html,Google Visualization,我有这个谷歌可视化，我想让它在我的浏览器窗口上全屏显示：代码是： <html> <head> <meta charset="utf-8"> <title> </title> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/

我有这个谷歌可视化，我想让它在我的浏览器窗口上全屏显示：

代码是：

<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>


load（“jquery”，“1.4.2”）；
load（'visualization'，'1'，{packages:['corechart']}）；
函数drawVisualization（）{
//创建并填充数据表。
变量a=；
var data=google.visualization.arrayToDataTable（a）；
变量选项={
标题：“废话废话”，
//曲线类型：“函数”，
宽度：$（窗口）.width（），
高度：$（窗口）。高度（），
言辞：{
最小值：800，
最大值：2000，
textStyle:{color:'black'}
},
图例：{位置：'none'}
};
//创建并绘制可视化。
新的google.visualization.LineChart（document.getElementById（'visualization'））。
绘制（数据、选项）；
}
setOnLoadCallback（drawVisualization）；

即使将其设置为窗口大小并为窗口大小创建一个rect，图表周围仍有大量可用空间，以使图表成为整页大小：

chartArea: {width: '90%', height: '90%'}