How to Hide some of the Annotated Time Line Chart, while I did Multiple-Query to get 5 charts in one page

[Bin Jiang(姜宾)]

Hi,
I would like to ask, How to Hide some of the Annotated Time Line
Chart.
Since I did Multiple-Query to get 5 graphs in one page.
But Initially I just want to show one of them, then the user can use
buttons to choose which chart to show!
I tried use "display:none" and "display:block" to do this by
Javascript and CSS, but every time, there is a popup alert
says:"Error: Container is undefined or no width".

There is anyway to block the popup? or better to do this charts 'show'
and 'hide' thing.

Thanks & Regards

[MC Get Vizzy]

could you just wait for the user to select a chart, and then draw it?

--

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

[Bob]

If you hide the div the ATL is in, it won't really render well. What I
did was take advantage of the zIndex property and then "stack" all my
graphs on top of one another using the correct absolute positioning of
all the divs.

Then, a simple JavaScript method to "flip" the one I want to the
front, and it's done. Very fast.

Bob

On Nov 18, 5:37 am, MC Get Vizzy <getvi...@google.com> wrote:
> could you just wait for the user to select a chart, and then draw it?
>
>
>
> On Tue, Nov 17, 2009 at 7:26 PM, Bin Jiang(姜宾) <bink...@gmail.com> wrote:
> > Hi,
> >   I would like to ask, How to Hide some of the Annotated Time Line
> > Chart.
> > Since I did Multiple-Query to get 5 graphs in one page.
> > But Initially I just want to show one of them, then the user can use
> > buttons to choose which chart to show!
> > I tried use "display:none" and "display:block" to do this by
> > Javascript and CSS, but every time, there is a popup alert
> > says:"Error: Container is undefined or no width".
>
> > There is anyway to block the popup? or better to do this charts 'show'
> > and 'hide' thing.
>
> > Thanks & Regards
>
> > --
>
> > You received this message because you are subscribed to the Google Groups
> > "Google Visualization API" group.
> > To post to this group, send email to
> > google-visua...@googlegroups.com.
> > To unsubscribe from this group, send email to

> > google-visualizati...@googlegroups.com<google-visualization- api%2Bunsu...@googlegroups.com>
> > .

[Bin Jiang(姜宾)]

Thanks a lot for helping, guys!
Initially I need to show some graph, and also allow user to choose
which one or several they want to see!

1. I was trying to load all 5 graphs initially, then user can 'hide'
and 'display' the graphs easily and quickly!
For this one I get slow initial loading, but quick switching

2. Now I just show one graph each time, and every time the page will
be refreshed to switch to the other graph.

I'm searching for a balance among "fast loading the initial graph
page", "fast switch among 5 or more graphs" and "all graph function
well"

There is any way to get a better solution for this?

I've tried to make separate graphs on each clean, then use AJAX to
call the graph ti embed it to the main page! But it seems AJAX can not
make it rendered in the destination main page


Thanks & regards!

Bin

On Nov 18, 6:37 am, MC Get Vizzy <getvi...@google.com> wrote:
> could you just wait for the user to select a chart, and then draw it?
>

Bob
View profile
More options Nov 18, 10:28 am
From: Bob <drbobbe...@gmail.com>
Date: Wed, 18 Nov 2009 07:28:41 -0800 (PST)
Local: Wed, Nov 18 2009 10:28 am
Subject: Re: How to Hide some of the Annotated Time Line Chart, while
I did Multiple-Query to get 5 charts in one page
Reply | Reply to author | Forward | Print | Individual message | Show
original | Report this message | Find messages by this author

If you hide the div the ATL is in, it won't really render well. What I
did was take advantage of the zIndex property and then "stack" all my
graphs on top of one another using the correct absolute positioning of
all the divs.

Then, a simple JavaScript method to "flip" the one I want to the
front, and it's done. Very fast.

Bob

On Nov 18, 5:37 am, MC Get Vizzy <getvi...@google.com> wrote:

> On Tue, Nov 17, 2009 at 7:26 PM, Bin Jiang(姜宾) <bink...@gmail.com> wrote:
> > Hi,
> >   I would like to ask, How to Hide some of the Annotated Time Line
> > Chart.
> > Since I did Multiple-Query to get 5 graphs in one page.
> > But Initially I just want to show one of them, then the user can use
> > buttons to choose which chart to show!
> > I tried use "display:none" and "display:block" to do this by
> > Javascript and CSS, but every time, there is a popup alert
> > says:"Error: Container is undefined or no width".
>
> > There is anyway to block the popup? or better to do this charts 'show'
> > and 'hide' thing.
>
> > Thanks & Regards
>
> > --
>
> > You received this message because you are subscribed to the Google Groups
> > "Google Visualization API" group.
> > To post to this group, send email to
> > google-visua...@googlegroups.com.
> > To unsubscribe from this group, send email to

> > google-visualizati...@googlegroups.com<google-visualization-api%2Bunsu...@googlegroups.com>
> > .