Problem with style display=''

[le...@sibmail.com]

Hello!
I create element google visualization packages:['table'].
Default - user don't see diagram (.style.display='none').
When user click button, diagram will display (.style.display='').
My script is working, but I have strange problem. When user click
button, diagram show, but alignment is wrong. Diagram has not width
100%.
What is this, bug?

[Roni Biran]

can you send some code example of what went wrong? (with some demo data)

--
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=en.

[le...@sibmail.com]

http://lext.gb7.ru/test.html

[Roni Biran]

I understand.

Since the draw function depend on the width of the displayed element (in your case a hidden div), it does not allocate a width for the table. when a table is visible it automatically inherit the width of its containing div.

In order to allocate the correct width and hide the table, just switch between the two steps. first draw the table and only then hide it. This will ensure that the table will receive the maximal width (100%) and be hidden.

table.draw(data, {showRowNumber: true});

document.getElementById('table_div').style.display='none';

On Mon, Nov 28, 2011 at 7:26 PM, le...@sibmail.com <le...@sibmail.com> wrote:

http://lext.gb7.ru/test.html

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/Ha0Hnu2qudMJ.

[le...@sibmail.com]

Hi!
Geniusly ! All is working:)