Hello

I'm having some trouble with dynamic loading of a pie chart from
Google Visualization. All I want to do is:

- when I press a button I want  the chart to appear. But what happens
is that the page keeps loading infinitely.

I tryed this code and others with no success:

<html lang="en">
<head>
    <title>testing</title>
</head>
<body>

    <input type="submit" value="Submit" onclick="showUser()"></input>

    <div id='chart_div' style='width: 800px; height: 350px;'></div>
</body>

<script type='text/javascript' src='http://www.google.com/jsapi'></
script>
<script type='text/javascript'>

function showUser(){

    google.load('visualization', '1', {'packages':
['annotatedtimeline']});
    google.setOnLoadCallback(drawChart);
}
     function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'Sold Pencils');
        data.addColumn('string', 'title1');
        data.addColumn('string', 'text1');
        data.addColumn('number', 'Sold Pens');
        data.addColumn('string', 'title2');
        data.addColumn('string', 'text2');
        data.addRows(6);
        data.setValue(0, 0, new Date(2008, 1 ,1));
        data.setValue(0, 1, 30000);
        data.setValue(0, 4, 40645);
        data.setValue(1, 0, new Date(2008, 1 ,2));
        data.setValue(1, 1, 14045);
        data.setValue(1, 4, 20374);
        data.setValue(2, 0, new Date(2008, 1 ,3));
        data.setValue(2, 1, 55022);
        data.setValue(2, 4, 50766);
        data.setValue(3, 0, new Date(2008, 1 ,4));
        data.setValue(3, 1, 75284);
        data.setValue(3, 4, 14334);
        data.setValue(3, 5, 'Out of Stock');
        data.setValue(3, 6, 'Ran out of stock on pens at 4pm');
        data.setValue(4, 0, new Date(2008, 1 ,5));
        data.setValue(4, 1, 41476);
        data.setValue(4, 2, 'Bought Pens');
        data.setValue(4, 3, 'Bought 200k pens');
        data.setValue(4, 4, 66467);
        data.setValue(5, 0, new Date(2008, 1 ,6));
        data.setValue(5, 1, 33322);
        data.setValue(5, 4, 39463);

        var chart = new google.visualization.AnnotatedTimeLine
(document.getElementById('chart_div'));
        chart.draw(data, {displayAnnotations: true});


}
    </script>


</html>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/google-visualization-api?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to