Hey All,

I have the code below that someone already helped me write from here. 

It's not refreshing/updating the table on the webpage like it should. I 
have validated that the data DOES update. Meaning it is a new and updated 
DataTable object that is being passed to the DRAW method, but the chart on 
the screen.

But, it never updates. It stays the same as the first load. And sometimes 
it even crashes or shows an empty chart. My datasource can take 10 to 20 
seconds to load sometime as this is a test rig, but I don't know why the 
chart is plain crashing.

What have I done wrong?

    <script type="text/javascript" src="//www.google.com/jsapi"></script>
    <script 
src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <title></title>
       <script type="text/javascript">
           google.load('visualization', '1.1', { 'packages': 
['annotationchart'] });
           google.setOnLoadCallback(drawChart);
           
           function drawChart() {

               var chart = new 
google.visualization.AnnotationChart(document.getElementById('chart_div'));

               function updateChart() {

                   var jsonData = $.ajax({
                       url: "/ria/aceResponse.aspx?format=json",
                       dataType: "json",
                       async: false,
                       cache: false
                   }).responseText;
                   var interval = $.ajax({
                       url: "/ria/aceResponse.aspx?format=headerinterval",
                       dataType: "text",
                       async: false,
                       cache: false
                   }).responseText;

                   $("#interval").text(interval);
                   var data = new google.visualization.DataTable(jsonData);

                   chart.draw(data, {
                       is3D: true,
                       colors: ['red'],
                       displayZoomButtons: false,
                       displayRangeSelector: false,
                       dateFormat: 'HH:mm:ss'
                   });
               }

               updateChart();
               setInterval(updateChart, 60000);
           }
    </script>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

Reply via email to