I'm confused by your question. I think it might just be that the
google groups display has broken the line (so annoying that we can't
post code well on google groups!) so that you missed the 'oo' and 'ar'
in the calls to AnnotatedTimeLine?
The two calls to AnnotatedTimeLine looks like this (I've abbreviated
google.visualization with g.v to make line length shorter, but
otherwise pulled them directly from my source):
var chart = new
g.v.AnnotatedTimeLine(document.getElementById('graph_div_bar'));
var chart = new
g.v.AnnotatedTimeLine(document.getElementById('graph_div_foo'));
The html is:
<div id="content-main">
<div id='graph_div_bar' style='width: 900px; height: 300px;'></div>
<div><h2>Bar Project Open Tasks</h2></div>
<div id='graph_div_foo' style='width: 900px; height: 300px;'></div>
<div><h2>Foo Project Open Tasks</h2></div>
</div>
I *think* it all matches up. And as I mentioned, if I comment out one
of drawChartFoo() or drawChartBar(), the other then works and renders
in the correct place on my page so each call on its own does seem to
work.
Maybe this is a real bug?
Margie
On Feb 11, 4:23 pm, Carsten Dressler <[email protected]>
wrote:
> google.visualization.AnnotatedTimeLine(document.getElementById('graph_div_b
> ar'));
> google.visualization.AnnotatedTimeLine(document.getElementById('graph_div_f
> oo'));
>
> Why do you have the "ar" and "oo" in the ElementID, but not in the
> html:
> <div id='graph_div_bar' style='width: 900px; height: 300px;'></
> <div id='graph_div_foo' style='width: 900px; height: 300px;'></
>
> Thats the only thing I see wrong. Everything else looks good.
>
> Carsten
>
> On Feb 11, 5:49 pm, Margie Roginski <[email protected]> wrote:
>
> > I am trying to put two annotated timeline graphs on the same page. I
> > see other people asking if there is a limit on the number and the
> > number they are trying is much higher than 2, so I know I must be
> > doing something stupid, but I can't figure out what.
>
> > Here is the script code I am using, followed by the html that contains
> > the two divs with the ids that identify where the graphs should get
> > placed. If I comment out the call to drawChartBar(), I get the chart
> > for Foo, and if I comment out the call to drawChartFoo(), I get the
> > chart for Bar. So I know the code works. But if I have both
> > drawChartFoo() and drawChartBar() inside drawCharts, I only get the
> > first chart (the one for Foo).
>
> > Have studied thsi code but just can't see what's wrong. Would very
> > much appreciate any pointers to what I am doing wrong, thanks!!
>
> > <script type="text/javascript">
> > google.load('visualization', '1', {'packages':
> > ['annotatedtimeline']});
> > google.setOnLoadCallback(drawCharts);
>
> > function drawCharts() {
> > drawChartFoo(); // if I comment out just this line, I
> > get the chart for Bar
> > drawChartBar(); // if I comment out just this line, I
> > get the chart for Foo
> > }
>
> > function drawChartBar() {
> > var query = new google.visualization.Query('/taskmanager/
> > vis_datasource/');
> > query.setQuery('bar');
> > query.send(handleQueryResponseBar);
> > }
> > function handleQueryResponseBar(response) {
> > var data = response.getDataTable();
> > var chart = new
> > google.visualization.AnnotatedTimeLine(document.getElementById('graph_div_b
> > ar'));
> > chart.draw(data, {title: 'Bar Project Open Tasks'});
> > }
>
> > function drawChartFoo() {
> > var query = new google.visualization.Query('/taskmanager/
> > vis_datasource/');
> > query.setQuery('foo');
> > query.send(handleQueryResponseFoo);
> > }
> > function handleQueryResponseFoo(response) {
> > var data = response.getDataTable();
> > var chart = new
> > google.visualization.AnnotatedTimeLine(document.getElementById('graph_div_f
> > oo'));
> > chart.draw(data, {title: 'Foo Project Open Tasks'});
> > }
>
> > </script>
>
> > <div id="content-main">
> > <div id='graph_div_bar' style='width: 900px; height: 300px;'></
> > div>
> > <div><h2>Bar Project Open Tasks</h2></div>
> > <div id='graph_div_foo' style='width: 900px; height: 300px;'></
> > div>
> > <div><h2>Foo Project Open Tasks</h2></div>
> > </div>
>
> > Thanks,
> > Margie
--
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.
