Thank you for the quick response. I think my problem stem from something else. Because it is not the redraw that I am having problems with. But more on the drawing part in the first place.
Here is a screen shot: http://lh5.ggpht.com/_hx4r1IGwWk0/SlNCAh-nhJI/AAAAAAAANVU/Sb0TS6CDv0U/ga.jpg I am not sure where my problem is stemming from, but the chart's legend shows up, but it always say no data available. And this is only an IE6 issue. Every other browser is fine. I compared the generated Javascript code: <script type="text/javascript"> google.load('visualization', '1', {packages: ['annotatedtimeline']}); function drawVisualization() { var data = new google.visualization.DataTable(); data.addColumn('date', 'Date'); data.addColumn('number', 'Hits'); data.addColumn('string', 'title1'); data.addColumn('string', 'text1'); data.addColumn('number', 'Goals'); data.addColumn('string', 'title2'); data.addColumn('string', 'text2'); data.addColumn('number', 'Views'); data.addColumn('string', 'title2'); data.addColumn('string', 'text2'); data.addRows(12); data.setValue(0, 0, new Date('2008, 08, 01')); data.setValue(0, 1, 1); data.setValue(0, 4, 0); data.setValue(0, 7, 1); data.setValue(1, 0, new Date('2008, 09, 01')); data.setValue(1, 1, 0); data.setValue(1, 4, 0); data.setValue(1, 7, 0); data.setValue(2, 0, new Date('2008, 10, 01')); data.setValue(2, 1, 1); data.setValue(2, 4, 0); data.setValue(2, 7, 1); data.setValue(3, 0, new Date('2008, 11, 01')); data.setValue(3, 1, 0); data.setValue(3, 4, 0); data.setValue(3, 7, 0); data.setValue(4, 0, new Date('2008, 12, 01')); data.setValue(4, 1, 0); data.setValue(4, 4, 0); data.setValue(4, 7, 0); data.setValue(5, 0, new Date('2009, 01, 01')); data.setValue(5, 1, 1); data.setValue(5, 4, 0); data.setValue(5, 7, 2); data.setValue(6, 0, new Date('2009, 02, 01')); data.setValue(6, 1, 1); data.setValue(6, 4, 0); data.setValue(6, 7, 1); data.setValue(7, 0, new Date('2009, 03, 01')); data.setValue(7, 1, 4); data.setValue(7, 4, 0); data.setValue(7, 7, 7); data.setValue(8, 0, new Date('2009, 04, 01')); data.setValue(8, 1, 0); data.setValue(8, 4, 0); data.setValue(8, 7, 0); data.setValue(9, 0, new Date('2009, 05, 01')); data.setValue(9, 1, 0); data.setValue(9, 4, 0); data.setValue(9, 7, 0); data.setValue(10, 0, new Date('2009, 06, 01')); data.setValue(10, 1, 0); data.setValue(10, 4, 0); data.setValue(10, 7, 0); data.setValue(11, 0, new Date('2009, 07, 01')); data.setValue(11, 1, 0); data.setValue(11, 4, 0); data.setValue(11, 7, 0); var chart = new google.visualization.AnnotatedTimeLine (document.getElementById('google_chart_0')); chart.draw(data, {'dateFormat':'MMMM yyyy', 'displayAnnotations':true, 'legendPosition':'newRow', 'scaleType':'maximize', 'thickness':'2', 'displayRangeSelector':false}); } google.setOnLoadCallback(drawVisualization); </script> I copied this to a regular html file, and all other browser shows the graph, but IE6 always shows "NO DATA AVAILABLE" On Jul 6, 4:11 pm, googelybear <[email protected]> wrote: > The static variable GXT is from the gxt widget library (http:// > extjs.com/products/gxt/). In the snippet I use it as browser switch > (special workaround for IE), but there are other ways to do this. > After the timeline is created it is added to a container and then > layouted. Here's the complete updateTimeline method (is there a way to > format this as code in the gougle groups?) > > private void updateTimeline() { > // Fill the underlaying data table > AbstractDataTable table = createTable(); > > if (table.getNumberOfColumns() > 1) { > if (timeline == null) { > /* timeline does not yet exist */ > timeline = new AnnotatedTimeLine(table, > options, timelineWidth, > timelineHeight); > } else { > /* redraw timeline */ > if (GXT.isIE) { > /* IE cannot handle timeline redraw, > therefore we have to create > a new instance */ > Log.debug("Applying IE timeline > redraw fix"); > timeline = new > AnnotatedTimeLine(table, options, timelineWidth, > timelineHeight); > } else { > /* In non IE browsers we can simply > redraw the timeline*/ > timeline.draw(table, options); > } > } > > timelineContainer.removeAll(); > timelineContainer.add(timeline); > } > timelineContainer.layout(); > } > > On 6 Jul., 18:17, Churky <[email protected]> wrote: > > > Can u elaborate on the code u have please. I am trying to use this > > work around but seem to have more problem than success. > > The variable GXT, is that a universal variable? > > Also you declare a new AnnotatedTimeLine object but you never > > populate the div, how would that show up? > > > Thank you. > > > Churk > > > On May 29, 10:50 am, googelybear <[email protected]> wrote: > > > > just wanted to let you know that it seems that the draw() method is > > > broken in IE. > > > I put the following workaround in place in my code which seems to > > > work: > > > if (GXT.isIE) { > > > /* IE cannot handle timeline > > > redraw correctly, therefore we have > > > to create a new timeline instance with updated data*/ > > > Log.debug("Applying IE timeline > > > redraw fix"); > > > timeline = new > > > AnnotatedTimeLine(table, options, timelineWidth, > > > timelineHeight); > > > } else { > > > /* In non IE browsers we can > > > simply redraw the timeline*/ > > > timeline.draw(table, options); > > > } > > > > On 26 Mai, 09:31, googelybear <[email protected]> wrote: > > > > > any update on this? > > > > > On 20 Mai, 21:37, googelybear <[email protected]> wrote: > > > > > > I just tried it in IE7 and got almost the same error (line 460 and > > > > > char 716) > > > > > > VizGuy schrieb: > > > > > > > This chart on IE8 is a know issue we are working on. > > > > > > Please let us know if thisproblemhappens on any other browser. > > > > > > > Regards, > > > > > > VizGuy > > > > > > > On Wed, May 20, 2009 at 6:12 PM, googelybear > > > > > > <[email protected]> wrote: > > > > > > > > just tried it in IE8 which results in the following error: > > > > > > > Message: Object doesn't support this property or method > > > > > > > Line: 459 > > > > > > > Char: 716 > > > > > > > Code: 0 > > > > > > > URI: > > > > > > >http://www.google.com/uds/api/visualization/1.0/357a57f610020b26f132b... > > > > > > > > any ideas what's happening here? > > > > > > > > On 11 Mai, 17:58, googelybear <[email protected]> wrote: > > > > > > > > I'm using iE 7 on a Windows 2003 Server (SP2) but I just tried > > > > > > > > it on > > > > > > > >IE6/WinXP and there the sameproblemoccurs. > > > > > > > > > What do you mean by "real data"? In the first screenshot there > > > > > > > > are 2 > > > > > > > > data points present: One at 2009/5/8 and the other at 2009/5/6 > > > > > > > > both > > > > > > > > with the same value 12 and different annotation texts. > > > > > > > > > On 11 Mai, 13:12, VizGuy <[email protected]> wrote: > > > > > > > > > > I am not sure what thisproblemis, but:1. What version of IE > > > > > > > > > do you > > > > > > > use > > > > > > > > > (and what OS)? > > > > > > > > > > 2. Can you try the same thing but with data in the chart? > > > > > > > > > From the > > > > > > > images, > > > > > > > > > it seems that there is no real data in the chart itself, > > > > > > > > > which might be > > > > > > > > > related to theproblem. > > > > > > > > > > Regards, > > > > > > > > > VizGuy > > > > > > > > > > On Sun, May 10, 2009 at 10:18 PM, googelybear > > > > > > > > > <[email protected]> > > > > > > > wrote: > > > > > > > > > > > I did some further research on this issue and when > > > > > > > > > > inspecting the DOM > > > > > > > > > > I saw that the actual content of theannotationslist is > > > > > > > > > > still there > > > > > > > > > > but somehow not displayed by IE. I illustrated this in the > > > > > > > > > > following > > > > > > > > > > screenshot:http://www.box.net/shared/335ynfx4ab > > > > > > > > > > The box with the thin blue border marks the actual position > > > > > > > > > > of the > > > > > > > div > > > > > > > > > > element inside theannotationslist (marked by the red box in > > > > > > > > > > the IE > > > > > > > > > > Dev tollbar) containing the actual annotation elements > > > > > > > > > > which is > > > > > > > > > > clearly not where it should be.... > > > > > > > > > > I have no idea why this position changes when I click on an > > > > > > > annotation > > > > > > > > > > in the list. > > > > > > > > > > Another funny thing: I can make them reappear by typing > > > > > > > > > > some chars in > > > > > > > > > > the filter field and deleting them again. > > > > > > > > > > > Can anyone make sense out of this? Has anyone else similar > > > > > > > > > > problems > > > > > > > > > > with the timeline in IE? > > > > > > > > > > > On 8 Mai, 15:42, googelybear <[email protected]> wrote: > > > > > > > > > > > Hi, > > > > > > > > > > > > When I click on an annotation in the annotation list on > > > > > > > > > > > the right > > > > > > > side > > > > > > > > > > > of the timeline (where you have the scroll up/down > > > > > > > > > > > buttons) all the > > > > > > > > > > > entries in this listdisappearand the timeline does not > > > > > > > > > > > focus on the > > > > > > > > > > > marker. If I redraw the timeline with timeline.draw(table, > > > > > > > options); > > > > > > > > > > > they appear again. This strange behavior only occurs in > > > > > > > > > > > IE - in > > > > > > > > > > > Firefox it works fine. > > > > > > > > > > > Any ideas why this is happening? I'm using the latest > > > > > > > > > > > version > > > > > > > 1.0.2. > > > > > > > > > > > > I have added 2 screenshots: > > > > > > > > > > > Before:http://www.box.net/shared/c6euddpek5 > > > > > > > > > > > After clicking on an annotation: > > > > > > >http://www.box.net/shared/2atnqxurgz > > > > > > > > > > > > also when will there be a > > > > > > > > > > > "show/hideDataColumns(columnIndexes)" > > > > > > > method > > > > > > > > > > > added to the gwt version? Or is it already possible > > > > > > > > > > > (currently I'm > > > > > > > > > > > recreating the Table and re-drawing the timeline to hide > > > > > > > > > > > data > > > > > > > series)? > > > > > > > > > > > think it got added to the javascript version a long time > > > > > > > > > > > ago. > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
