我已经解决了我的问题,但由于我对这个网站太新了,所以无法自己回答:
结果我需要使用以下内容:
chart = new google.visualization.PieChart(document.getElementById('pie_today_div'));
我正在使用JQuery来访问元素 $('#pie_today_div').截至目前,证据表明PieChart构造函数必须具有标准JS代码,document.getElementById('pie_today_div')
也许正在发生其他事情,但改变我访问容器元素的方式修复了我的代码
原始问题参考我的解决方案
当我尝试实例化Google PieChart对象时,我收到"容器未定义"错误.
我在http://validator.w3.org/验证了我的页面,我得到了一个漂亮的绿色标语,说它验证了.
页面加载时我没有收到任何js错误.我的Ajax调用正在使用我想要的数据进行完整的往返.
这是我的HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link href="/css/note.css?10022012" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" language="javascript" src="/call/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('visualization', '1.0', {'packages':['corechart']});</script>
<script type="text/javascript" language="javascript" src="/call/js/init.js?10042012-2"></script>
<title>Call Stats</title>
</head>
<body>
<a href="#" id="pie_today_link">Today Stats</a>
<div id="pie_today_div"></div>
</body>
</html>
这是js:
function drawPieChartToday() {
$.post('/call/ajax.php5',{
action:'pieToday'
}, function(ticketData) {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Count'); …