谷歌图表容器未定义..但 div 在那里

Question

页面上的我的 JS POST 到图表生成 PHP 脚本，然后 PHP 脚本返回的内容被添加到页面（div 的 .html()）。但是，使用 Google Charts API.. 页面是空白的。我收到错误容器未从谷歌的库中定义。下面是 PHP 脚本传递的内容：

<script>google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawChart);
    function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Date', 'BTC Price'],['2013-02-12', 22.5]
    ]);
    alert(document.getElementById('chart_div'));
    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, {title: 'BTC/USD price'});
    }</script><div id='chart_div' style='width: 900px; height: 500px;'></div> 

为什么有chartContent时document.getElementByID会返回null？'

编辑：现在警报没有出现，但页面仍然是空白的。

Answer 1

您需要等待来自 google 的数据加载。 检查api文档， 在第一个例子中有 google.setOnLoadCallback(drawChart); 而不是drawChart()

你调用 drawChart 太早了， 在加载绘图之前