Question

Chrome上的JavaScript控制台表示容器未定义，即使div的ID和getElementById中指定的ID匹配。有谁知道为什么？

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

<script type="text/javascript">

    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>

<!-- End of chart code -->

</head>

<body>

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

</body>

</html>

Answer 1

你需要把你的JS代码放在一些文件onload事件回调中，否则它会在你的div存在之前执行，从而失败：

google.setOnLoadCallback(function(){

//your JS code here

});

Google Charts ColumnChart将无法呈现，因为“Container未定义”

1 个答案: