Question

我的页面上的JS发布到图表生成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

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

你过早地调用drawChart，在加载drawchart之前

谷歌图表容器没有定义..但div就在那里

1 个答案: