Javascript Google饼图:未捕获错误:未定义容器
我试图在同一页上显示多个谷歌饼图 我得到一个Javascript Google饼图:未捕获错误:未定义容器,javascript,jquery,pie-chart,google-pie-chart,Javascript,Jquery,Pie Chart,Google Pie Chart,我试图在同一页上显示多个谷歌饼图 我得到一个未捕获错误:执行此操作时未定义容器错误。我如何解决这个问题 我的代码: function drawChart() { var completeness = $(this).attr('data-completeness'); var data = google.visualization.arrayToDataTable([ ['Nom', 'Valeur'], [
未捕获错误:执行此操作时未定义容器错误。我如何解决这个问题
我的代码:
function drawChart()
{
var completeness = $(this).attr('data-completeness');
var data = google.visualization.arrayToDataTable([
['Nom', 'Valeur'],
["Profil rempli à ", completeness],
['Manque', 100 - completeness]
]);
var options = {
...
};
var chart = new google.visualization.PieChart(this);
chart.draw(data, options);
}
$(function(){
$('.piechart').each(function(){
google.load('visualization', '1', {callback : drawChart, 'packages':['corechart']})
});
});
或者,如果我在drawchart函数中迭代,piechart的输出会变得非常奇怪,它不再是弧,而是弧的5%(如果我不动态设置完整性,则不会发生这种情况):
问题在于您调用var chart=new google.visualization.PieChart的方式(this)代码>
问题是,您应该在页面上传递一个元素,但实际上您传递的是this
,这很可能只是window
。如果您有一个id为“container”的元素想要使用,您可以改为:
var chart = new google.visualization.PieChart(document.getElementById('container'));
您可以查看一个示例您必须使用文档get-element-id和post,如下所示
var chart = new google.visualization.PieChart(document.getElementById('container'))
确保您具有相同的id(容器)html div标记,否则将导致错误发布您的html代码,您发布此图形的是哪个div?
var chart = new google.visualization.PieChart(document.getElementById('container'))