gpt4 book ai didi

javascript - Google Charts 柱形图在打开时给出对象 [对象数组] 没有方法 'getColumnType'

转载 作者:行者123 更新时间:2023-11-28 02:06:40 25 4
gpt4 key购买 nike

当我打开以下包含 Google Charts 柱形图的 HTML 文档时,我在空白屏幕上收到以下错误:对象 [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>

最佳答案

这是一条晦涩的错误消息,应该修复。但事实证明,解决方案很简单。 Chart.draw() 方法需要一个 DataTable 对象,而不仅仅是一个数组的数组。所以你的数据分配应该是这样的:

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

关于javascript - Google Charts 柱形图在打开时给出对象 [对象数组] 没有方法 'getColumnType',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17678170/

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