0

myの id と で指定された id が一致しているにもかかわらず、 Chrome の JavaScript コンソールに、コンテナーが定義されていないと表示されます。理由を知っている人はいますか？divgetElementById

<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>
4

1 に答える 1

1

ドキュメントのオンロード イベント コールバック内に JS コードを配置する必要があります。そうしないと、JS コードがdiv存在する前に実行されて失敗します。

google.setOnLoadCallback(function(){

//your JS code here

});
于 2013-06-29T21:53:40.273 に答える