Layout and Positioning

It's up to you to construct the layout of your pages and charts, but here are some ideas.

You can use an inline style to float the chart to the right, so that text flows around it to the left.

<div style="float: right; margin-left: 5px;">{plotalot id="2"}</div>

You can place two charts side by side using a table.

<table>
<tr><td>{plotalot id="1"}</td><td>{plotalot id="2"}</td></tr>
</table>

Using tables like this is not considered good practice but is quick and easy for inexperienced users. See the Responsive Charts section for a better solution.

You can place a background image behind a transparent or semi-transparent chart.

<div style="background:transparent url(images/stories/beach.jpg)
    top left no-repeat;">
    {plotalot id="23"}
</div>

You can place one chart on top of another. With care, this can be an effective way of showing compound charts, or additional axes.

<div>{plotalot id="1"}</div>
<div style="position:relative; top:-180px;">{plotalot id="2"}</div>