<div id="splinechart" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
<div class="clear"></div>
<div id="areachart" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
<div class="clear"></div>
<div id="areasplinechart" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
<div class="clear"></div>
<div id="scatterchart" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
<div class="clear"></div>
<script type="text/javascript">
// highroller: simplest example of rendering each basic highcharts chart
<?php
echo $piechart->renderChart('mootools');
?>
<?php
echo $barchart->renderChart('mootools');
?>
<?php
echo $columnchart->renderChart('mootools');
?>
<?php
echo $linechart->renderChart('mootools');
?>
<?php
echo $splinechart->renderChart('mootools');
?>
<?php
echo $areachart->renderChart('mootools');
<div id="splinechart" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
<div class="clear"></div>
<div id="areachart" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
<div class="clear"></div>
<div id="areasplinechart" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
<div class="clear"></div>
<div id="scatterchart" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
<div class="clear"></div>
<script type="text/javascript">
// highroller: simplest example of rendering each basic highcharts chart
<?php
echo $piechart->renderChart();
?>
<?php
echo $barchart->renderChart();
?>
<?php
echo $columnchart->renderChart();
?>
<?php
echo $linechart->renderChart();
?>
<?php
echo $splinechart->renderChart();
?>
<?php
