Javascript Google Charts column chart提供对象[Object Array]没有方法';getColumnType';打开时

Javascript Google Charts column chart提供对象[Object Array]没有方法';getColumnType';打开时,javascript,google-visualization,Javascript,Google Visualization,当我打开以下包含Google Charts柱形图的HTML文档时,在一个空白屏幕上出现以下错误:Object[Object Array]没有方法“getColumnType”。。。我尝试过在这个网站上类似问题上发布的建议,但没有取得任何进展。有人知道我做错了什么吗 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text

当我打开以下包含Google Charts柱形图的HTML文档时,在一个空白屏幕上出现以下错误:Object[Object Array]没有方法“getColumnType”。。。我尝试过在这个网站上类似问题上发布的建议,但没有取得任何进展。有人知道我做错了什么吗

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

    <title>Theme park prices</title>

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

<script type="text/javascript">
  google.load('visualization', '1', {packages: ['corechart']});
</script>

<script type="text/javascript">

        google.setOnLoadCallback(function(){

            var data = [['Year', 'Disney', 'SeaWorld', 'Universal'], ['2013', 95, 100, 102]];

            var options = 
            {
                title:"Theme Park Prices",
                width:600, 
                height:400,
                hAxis: {title: "Year"},
            };

            var chart = new google.visualization.ColumnChart(document.getElementById('priceChart'));

            function drawChart()
            {
                chart.draw(data, options);
            }

            drawChart();

        });

</script>

</head>

<body>

    <div id="priceChart" style="width: 600px; height: 400px;margin: 0 auto;"></div>

</body>

</html>

主题公园价格
load('visualization','1',{packages:['corechart']});
setOnLoadCallback(函数(){
var数据=['Year'、'Disney'、'SeaWorld'、'Universal']、['2013',95100102];
变量选项=
{
标题:“主题公园价格”,
宽度:600,
身高:400,
哈克斯:{标题:“年”},
};
var chart=new google.visualization.ColumnChart(document.getElementById('priceChart');
函数绘图图()
{
图表绘制(数据、选项);
}
图纸();
});

这是一条模糊的错误消息,应该修复。但事实证明,解决办法很简单。draw()方法需要一个DataTable对象,而不仅仅是一个数组数组。因此,您的数据分配应如下所示:

       var data = google.visualization.arrayToDataTable(
         [['Year', 'Disney', 'SeaWorld', 'Universal'], ['2013', 95, 100, 102]]);

这是一条模糊的错误消息,应该予以修复。但事实证明,解决办法很简单。draw()方法需要一个DataTable对象,而不仅仅是一个数组数组。因此,您的数据分配应如下所示:

       var data = google.visualization.arrayToDataTable(
         [['Year', 'Disney', 'SeaWorld', 'Universal'], ['2013', 95, 100, 102]]);

注意后面的逗号。选项的hAxis属性后面不应该有逗号,尽管有些浏览器可以使用它。注意后面的逗号。选项的hAxis属性后面不应该有逗号,尽管有些浏览器可以。