我正在使用 Google Visualization API 生成组织结构图。当我尝试使用 IE 8.0 或 IE 9.0 在本地计算机上运行代码时,它运行良好,但是当我在远程服务器上部署相同代码时,图表在 IE 8.0 上不可见。它适用于 IE 9.0。
在 IE 8.0 上,我收到错误:“google”未定义。使用 IE 调试器时,此行显示错误:
google.load("visualization", "1", { packages: ["orgchart"] });
整个脚本如下:
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
google.load("visualization", "1", { packages: ["orgchart"] });
function drawChart() {
var hdValue = document.getElementById("<%=hdData.ClientID%>").value;
var response = $.parseJSON(hdValue);
var data = new google.visualization.DataTable();
data.addColumn('string', 'Employee');
data.addColumn('string', 'Manager');
for (var i = 0; i < response.length; i++) {
var row = new Array();
row[0] = response[i].Employee;
row[1] = response[i].Manager;
data.addRow(row);
}
var options = {
title: 'My Office Hierarchy'
};
chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<script type="text/javascript">
$(document).ready(drawChart);
</script>