1

Google チャートの縦棒グラフを含む次の HTML ドキュメントを開くと、空白の画面に次のエラーが表示されます: オブジェクト [オブジェクト配列] にメソッド '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>
4

1 に答える 1

1

これは、修正する必要があるあいまいなエラー メッセージです。しかし、解決策は簡単です。chart.draw() メソッドには、配列の配列だけでなく、DataTable オブジェクトが必要です。したがって、データの割り当ては次のようになります。

       var data = google.visualization.arrayToDataTable(
         [['Year', 'Disney', 'SeaWorld', 'Universal'], ['2013', 95, 100, 102]]);
于 2013-07-17T00:03:11.457 に答える