You need to use CSS to float the charts' container divs, eg:
in HTML:
<div id="chart_holder">
<div id="chart_div_1" class="chart_div"></div>
<div id="chart_div_2" class="chart_div"></div>
<div id="chart_div_3" class="chart_div"></div>
<div id="chart_div_4" class="chart_div"></div>
<div class="clearFloat"></div>
</div>
in CSS:
.chart_div {
float: left;
}
.clearFloat: {
clear: both;
}
The charts would line up side-by-side (assuming the chart width is narrow
enough to fit 4 in a row; otherwise they will spill over into a new line).
On Monday, August 12, 2013 5:50:54 PM UTC-4, David M.M. wrote:
>
> I have four pie charts, but they all show up one on top of the other. See
> here:
> http://mendozaista.tumblr.com/post/58085427197/whos-watching-local-news-not-young-people
>
> I want them all side by side on the same horizontal plane. How can I do
> this?
>
> Thank You
>
>
--
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/groups/opt_out.
