谷歌可视化完整的浏览器窗口
Google Visualization full browser window
我有这个谷歌可视化,我想在我的浏览器窗口上全屏显示它: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>
即使它设置为窗口大小并为窗口大小创建一个矩形,图表周围也有很多可用空间
要使图表为整页大小:
chartArea: {width: '90%', height: '90%'}
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 如何使用特定大小的浏览器窗口打开我的页面
- Flash AS3关闭浏览器窗口
- 如何打开/移动主屏幕左侧的浏览器窗口
- 使用 javascript 打开新的浏览器窗口时出错
- 如何在浏览器窗口变大/变小时捕捉元素的宽度
- 更改当前选项卡或浏览器窗口的标题
- 如何相对于浏览器窗口定位DIV
- 浏览器窗口中的应用内FB页面插件链接
- 在浏览器窗口中创建动态灵活的分割标记
- 基于浏览器窗口大小的条件 JavaScript 执行
- 关闭黑莓浏览器窗口 JavaScript
- 如何在缩放时获取移动浏览器窗口的宽度
- 接受从另一个浏览器窗口拖放图像
- 从扩展的 javascript 中获取 Firefox 浏览器窗口句柄
- 如何将宽度和高度变量设置为浏览器窗口的宽度和高度
- 在浏览器窗口大小调整时更改 JS 逻辑
- 调整大小后更改浏览器窗口的宽度
- 如何在浏览器窗口底部的直线上绘制圆圈数组
- 如何防止高图工具提示弹出隐藏,在图形区域或浏览器窗口上调整大小