编辑
请在此处查看生成的 html 和 Javascript:
http://jsfiddle.net/GregMcNulty/K6Vrb/1/
根据这个Comment 4 - 文件开头的注释导致了问题。
我的问题是,这是哪个文件,什么时候加载?
我加载的唯一文件是:https://www.google.com/jsapi如example所示.
所以如果我能弄清楚它是何时以及如何被调用的,我可以将它作为我网站上的本地文件而不是从谷歌调用它....并编辑它以删除评论,这样我就可以得到谷歌仪表在 IE 中工作?
谢谢。
不确定为什么将元数据放在头部也不适合我?这应该适用于所有情况吗?
谁有具体的例子可以展示他们是如何让谷歌可视化/图表与 IE 一起工作的?
没有任何文档类型的头部,然而,它使 body 的其余部分(未显示)非常糟糕......
<html>
<head><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>
Your Levels
</title>
<!-- Google JavaScript for gauges -->
<script src='http://www.google.com/jsapi' type='text/javascript' ></script>
<!-- Style Sheet -->
<link href="Styles/EliteCircle.css" rel="stylesheet" type="text/css" />
<!-- My local JavaScript File -->
<script src="Scripts/JScript.js" type="text/javascript"></script>
</head>
<body>
<form name="aspnetForm" method="post" action="Stats.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm">
...等...
最佳答案
解决方案很简单。
注释中的 DOCTYPE 是您网页中的 DOCTYPE。调用 Google Visualization javascript 的那个。
证明:
- 以 Google Visualization 页面上的 Gauge 示例为例。
- 将其剪切并粘贴到桌面上的 g.html 文件中
- 不添加任何 DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在 HTML 标记之上。 - 在 IE8 中打开它 => 有效
- 添加 3 => 损坏的 DTD。
所以基本上,为了让它工作,在 IE8 中,省略 html
之前的 DTD。开始标记。
我已经尝试过其他 DTD,尤其是 xhtml 1 strict,已知它可以使 IE 正常运行。还没有运气。
更新
顺便说一句,当我添加由 visual studio(古董 4.01)插入的 dtd 时,它仍然有效。 我还添加了你的标题。下面的文件对我来说在 IE8 中工作正常。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>
Your Levels
</title>
<!-- Style Sheet -->
<link href="Styles/EliteCircle.css" rel="stylesheet" type="text/css" />
<!-- My local JavaScript File -->
<script src="Scripts/JScript.js" type="text/javascript"></script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', { packages: ['gauge'] });
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Label');
data.addColumn('number', 'Value');
data.addRows(3);
data.setValue(0, 0, 'Memory');
data.setValue(0, 1, 80);
data.setValue(1, 0, 'CPU');
data.setValue(1, 1, 55);
data.setValue(2, 0, 'Network');
data.setValue(2, 1, 68);
var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
var options = { width: 400, height: 120, redFrom: 90, redTo: 100,
yellowFrom: 75, yellowTo: 90, minorTicks: 5
};
chart.draw(data, options);
}
</script>
</head>
<body>
<div id='chart_div'></div>
<form name="aspnetForm" method="post" action="Stats.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm">
</form>
</body>
</html>
关于javascript - Google 在哪里保存这个用于 Google 可视化的文件?我可以将它放在我的站点本地吗?另外,任何让仪表在 IE 中工作的代码示例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5009532/