我正在使用谷歌图表我面临的问题未被捕获的类型错误：google.charts.bar不是一个功能 [英] I am working Google chart I am facing problem uncaught typeerror: google.charts.bar is not a function
问题描述
当我为饼图和条形图创建单独的图表时，它的工作原理。但是当我在单页中创建两个图表时，我得到的错误就像Uncaught TypeError：google.charts.Bar不是函数。
我有什么试过：
我的html页面
< head>
< script type =text / javascriptsrc =https://www.gstatic.com/charts/loader.js>< / script>
< script src =../ custome.js / chart_data.js>< / script>
< / head>
月销售额
Quotatin /确认
和我的chart_data。 js
google.charts.load（current，{'packages'：[corechart]}）;
google。 charts.setOnLoadCallback（PieChart）;
google.charts.setOnLoadCallback（barChart）;
函数PieChart （）{
var data = google.visualization.arrayToDataTable（[
['任务'，'每日小时']，
[ '工作'，11]，
['吃'，2]，
['通勤'，2]，
['观看TV'，2]，
['睡眠'，7]
]）;
var options = {
//标题：'我的日常活动'，
is3D：true
};
var chart = new google.visualization.PieChart（document.getElementById（'piechart_3d'））;
chart.draw（data，options）;
}
函数barChart（）{
var data1 = google.visualization.arrayToDataTable（[
['年'，'销售'，'费用'，'利润']，
['2014'，1000,400,200]，
['2015'，1170,460,250]，
['2016'，660,1120,300]，
['2017'，1030,540,350 ]
]）;
var options1 = {
chart：{
标题：'公司业绩'，
副标题：'销售，费用和利润：2014-2017'
}
}; < br $>
// var chartBar = new google.charts.Bar（document.getElementById（'columnchart_material'））;
var chartBar = new google .charts.Bar（document.getElementById（'columnchart_material'））;
chartBar.draw（data1，options1）;
}
你似乎没有打开你唯一关闭它。试试吧！
也试试< html>和< / html>在末尾。问我是否不起作用。
When I am create separate chart for Pie chart and bar chart its works. But when I create both chart in single page then I got error like that Uncaught TypeError: google.charts.Bar is not a function.
What I have tried:
my html page
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="../custome.js/chart_data.js"></script>
</head>
Month wise sales
Quotatin/Confirmation
and my chart_data.js
google.charts.load("current", { 'packages': ["corechart"] });
google.charts.setOnLoadCallback(PieChart);
google.charts.setOnLoadCallback(barChart);
function PieChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 7]
]);
var options = {
//title: 'My Daily Activities',
is3D: true
};
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
chart.draw(data, options);
}
function barChart() {
var data1 = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses', 'Profit'],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
var options1 = {
chart: {
title: 'Company Performance',
subtitle: 'Sales, Expenses, and Profit: 2014-2017'
}
};
//var chartBar = new google.charts.Bar(document.getElementById('columnchart_material'));
var chartBar = new google.charts.Bar(document.getElementById('columnchart_material'));
chartBar.draw(data1, options1);
}
You didn't seem to open your only closed it. Try that!
also try <html> and </html> at the end. Ask me if it doesn't work.
这篇关于我正在使用谷歌图表我面临的问题未被捕获的类型错误：google.charts.bar不是一个功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
