4

我在页面上的 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？

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

4

1 回答 1

1

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

在加载绘图之前，您太早调用绘图图表

于 2013-02-12T08:42:43.700 回答