Google charts Container is not defined.. But the div is there

Question

My JS on a page POSTs to a chart generation PHP script, and what the PHP script returns is then added to the page (.html() of an div). However, using the Google Charts API.. the page is blank. I get the error Container is not defined from google's library. Here's what the PHP script is passing:

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

Why would document.getElementByID return null when chartContent is there?'

EDIT: Now the alert does not show up, yet the page is still blank.

Here is solution http://stackoverflow.com/questions/9888920/how-to-add-two-google-charts-on-the-one-page — user2675617, Jul 23 '14 at 20:26

score 1 · Accepted Answer · edited May 19 '17 at 06:52

1

You need to wait for data load from google. Check api documentation, in first example there's google.setOnLoadCallback(drawChart); instead of drawChart()

You're calling drawChart too early, before drawchart's are loaded

edited May 19 '17 at 06:52

Angel Politis

10,955
14
48
66

answered Feb 12 '13 at 08:42

Cezary

219
1
9

It is not that, I had that at first and it had the same behavior – apscience Feb 12 '13 at 21:28
this answer is not the situation in my case – necromancer Oct 10 '13 at 18:44
@gladsocc this answer is not correct, why did you accept it? – csvan Feb 03 '16 at 10:51

Google charts Container is not defined.. But the div is there

1 Answers1