javascript-如何在同一页面、不同分区上加载两个google图表

经过十几次研究，仍然无法解决我在同一页面上显示两个图表的问题（使用

谷歌图表

）

我想不出什么是错的或者我忘记了什么，如果有人能给我一些建议或者指出我遗漏了什么，我会很感激的

我可以显示一张图表，但当我尝试显示另一张图表时，第一张图表就消失了

这是我的密码：

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

          google.load('visualization', '1.0', { 'packages': ['corechart'] });


    //google.setOnLoadCallback(drawChartAtleta);
    //google.setOnLoadCallback(drawChartSexo);
    google.setOnLoadCallback(function () {
        drawChartAtleta();
        drawChartSexo();
    });      


    //Grafico Atleta por esporte
    function drawChartAtleta() {

        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Esporte');
        data.addColumn('number', 'Quantidade');
        data.addRows([
          ['Basquete', 30],
          ['Tenis de Mesa', 17]
        ]);

        var options = {
            'title': 'Por Esporte',
            'width': 500,
            'height': 300
        };


        var chart = new google.visualization.CollumChart(document.getElementById('char_atleta'));
        chart.draw(data, options);
    }

    //Grafico por Sexo
    function drawChartSexo() {


        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Sexo');
        data.addColumn('number', 'Quantidade');
        data.addRows([
          ['Masculino', 165],
          ['Feminino', 67]
        ]);


        var options = {
            'title': 'Por Sexo',
            'width': 500,
            'height': 300
        };


        var chart = new google.visualization.PieChart(document.getElementById('char_sexo'));
        chart.draw(data, options);
    }


</script>

load（'visualization'，'1.0'，{'packages'：['corechart']}）；
//setOnLoadCallback（drawChartAtleta）；
//setOnLoadCallback（drawChartSexo）；
setOnLoadCallback（函数（）{
drawChartAtleta（）；
drawChartSexo（）；
});      
//埃斯波特海滩酒店
函数drawChartAtleta（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'esport'）；
data.addColumn（'number'，'Quantidade'）；
data.addRows([
[Basquete'，30]，
['Tenis de Mesa'，17]
]);
变量选项={
“标题”：“Por Esport”，
“宽度”：500，
‘高度’：300
};
var chart=new google.visualization.CollumChart（document.getElementById（'char_atleta'）；
图表绘制（数据、选项）；
}
//格拉菲科·波尔塞科酒店
函数drawChartSexo（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Sexo'）；
data.addColumn（'number'，'Quantidade'）；
data.addRows([
['mangino'，165]，
[Feminino'，67]
]);
变量选项={
“title”：“Por Sexo”，
“宽度”：500，
‘高度’：300
};
var chart=newgoogle.visualization.PieChart（document.getElementById（'char_sexo'）；
图表绘制（数据、选项）；
}

---

这是您的脚本，您正在调用：

google.visualization.CollumChart

而不是

google.visualization.columnhart

，请始终在浏览器开发人员的控制台中检查javascript错误。（通常为f12）

查看谷歌图表文档了解更多关于

load（'visualization'，'1.0'，{'packages'：['corechart']}）；
//setOnLoadCallback（drawChartAtleta）；
//setOnLoadCallback（drawChartSexo）；
setOnLoadCallback（函数（）{
drawChartAtleta（）；
drawChartSexo（）；
});      
//埃斯波特海滩酒店
函数drawChartAtleta（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'esport'）；
data.addColumn（'number'，'Quantidade'）；
data.addRows([
[Basquete'，30]，
['Tenis de Mesa'，17]
]);
变量选项={
“标题”：“Por Esport”，
“宽度”：500，
‘高度’：300
};
//这条线改了。
var chart=new google.visualization.ColumnChart（document.getElementById（'char_atleta'）；
图表绘制（数据、选项）；
}
//格拉菲科·波尔塞科酒店
函数drawChartSexo（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Sexo'）；
data.addColumn（'number'，'Quantidade'）；
data.addRows([
['mangino'，165]，
[Feminino'，67]
]);
变量选项={
“title”：“Por Sexo”，
“宽度”：500，
‘高度’：300
};
var chart=newgoogle.visualization.PieChart（document.getElementById（'char_sexo'）；
图表绘制（数据、选项）；
}

请告诉我控制台中是否有错误…@TheProHands没有错误，我唯一知道的不同之处是drawChartAtleta（）；功能并没有收费，但我不明白为什么我不知道谷歌图表，但我想知道的第一件事是，是否有合适的软件包included@charliefl我也不。。。不过我会努力找点东西的。天哪，我真不敢相信这是真的，非常感谢你的帮助，为这个愚蠢的错误感到抱歉！！不，不，不，不，不！不客气；）有时会发生愚蠢的错误，请记住检查开发人员控制台；）。

<div class="container">
    <div class="col-lg-12">
        <div class="col-lg-6">
            <div class="form-group">
                <div id="char_sexo"></div>
            </div>                
        </div>
        <div class="col-lg-6">
            <div class="form-group">
                <div id="char_atleta"></div>
            </div>
        </div>
    </div>
</div>