gpt4 book ai didi

api - "Container is not defined"谷歌图表

转载 作者:行者123 更新时间:2023-12-03 10:13:14 25 4
gpt4 key购买 nike

我已经解决了我的问题,但无法自己回答,因为我对这个网站太新了:

原来我需要使用以下内容:

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');
data.addColumn('number', 'Topic');
for (var key in ticketData){
data.addRow([key, ticketData[key]]);
}
options = {
title: 'Issue Topics'
};
alert($('#pie_today_div').attr('id'));
chart = new google.visualization.PieChart($('#pie_today_div'));
chart.draw(data, options);
},'json');
}

这是我的调试代码,以确保找到元素: alert($('#pie_today_div').attr('id')); <-- 提醒“pie_today_div”

最佳答案

我不是 jquery 粉丝,但我认为 $('#pie_today_div') 返回一组匹配的元素。属性计算有效,因为(来自 jquery documentation)它“获取匹配元素集中第一个元素的属性值”。

所以试试

chart = new google.visualization.PieChart($('#pie_today_div')[0]);

或直接
chart = new google.visualization.PieChart(document.getElementById('pie_today_div'));

关于api - "Container is not defined"谷歌图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12730324/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com