Just out of curiosity, comment enable the range selector. Even with the
selector disabled, the chart still maintains a range filter internally, and
it doesn't reset to the full data range every time the chart draws, so if
you update your data by adding a new row, the new row won't appear because
it is outside the range of the filter.
On Friday, May 30, 2014 3:00:38 PM UTC-4, Paul Duer wrote:
>
>
> Well... I found a solution, but I don't like it!
>
> If I create the Chart object each time in the update timer loop, but
> before that clear the DIV, it all happens so quick that it looks right on
> the screen
>
> I hate wasting all that initing of the code, but I just couldn't get the
> Chart to update correctly.
>
> <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_div').empty();
>
>
> var chart = new
> google.visualization.AnnotationChart(document.getElementById('chart_div'));
> chart.draw(data, {
> is3D: true,
> colors: ['red'],
> displayZoomButtons: false,
> displayRangeSelector: false,
> dateFormat: 'HH:mm:ss'
> });
> }
>
> updateChart();
> setInterval(updateChart, 60000);
> }
> </script>
>
> On Friday, May 30, 2014 1:25:06 PM UTC-4, Paul Duer wrote:
>>
>> Unfortunately no, nothing. The chart just never updates past the initial
>> data set.
>>
>> I will attach a data file if anyone wants to try.
>>
>>
>> On Friday, May 30, 2014 11:41:31 AM UTC-4, Andrew Gallant wrote:
>>>
>>> If you open the page in Chrome and view the developer's console, are
>>> there any errors reported when the update runs?
>>>
>>> On Friday, May 30, 2014 10:15:46 AM UTC-4, Paul Duer wrote:
>>>>
>>>>
>>>> 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.
