<!-- BEGIN [% component.name %] -->
  <!-- highcharts lab-test totals -->
    <div>
    [% FOREACH section IN lab_test_data;
        div_id = section.key.replace(' ','-').replace('/','-').lower; # INCLUDE dumper.tt dump = div_id;
        div_width = section.value.size * 10; # approx width, between min & max

        total = 0;
        FOREACH test IN section.value;
            total = total + data.sum_this(test.value);
        END;
    %]
        <div id="[% div_id %]-total" style="min-width: 30%; max-width: 90%; height: 320px;
            width: [% div_width %]%; margin-left: 30px">
        </div>

        <script type="text/javascript">
            $(function () {
                $('#[% div_id %]-total').highcharts({
                    chart: {
                        type: 'column'
                    },
                    title: {
                        style: {
                            fontSize: '14px',
                        },
                        text: '[% section.key %] [[% total %]]',
                        align: 'left',
                    },
                    xAxis: {
                        type: 'category',
                        labels: {
                            rotation: -45,
                            style: {
                                fontSize: '11px',
                                fontFamily: 'Verdana, sans-serif'
                            }
                        }
                    },
                    yAxis: {
                        min: 0,
                        title: {
                            text: 'No. of tests'
                        }
                    },
                    legend: {
                        enabled: false
                    },
                    tooltip: {
                        pointFormat: 'n = <b>{point.y}</b>'
                    },
                    series: [{
                        name: '[% div_id %]',
                        data: [
					         [% INCLUDE drilldown_series_data
                                FOREACH test IN section.value +%]
                        ],
                        dataLabels: {
                            enabled: false,
                        }
                    }]
                });
            });
		</script>
    [% END %]
    </div>
<!-- END [% component.name %] -->
