Pie Title Below

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; "></div>

JavaScript

$(function() {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'pie'
        },
        legend: {
            align: 'right',
            verticalAlign: 'middle',
            layout: 'vertical'
        },

        plotOptions: {
            pie: {
                size: '50%'
            }
        },
        labels: {
            style: {
                color: '#3E576F',
                fontSize: '14px'
            },
            items: [{
                html: 'First',
                style: {
                    left: '160px',
                    top: '290px'
                }},
            {
                html: 'Second',
                style: {
                    left: '495px',
                    top: '290px'
                }}]
        },
        series: [{
            //showInLegend: true,
            name: 'First',
            data: [
                ['Firefox', 44.2],
                ['IE7', 26.6],
                ['IE6', 20],
                ['Chrome', 3.1],
                ['Other', 5.4]
                ],
            center: ['25%', '50%']},
        {
            name: 'Second',
            data: [
                ['Firefox', 44.2],
                ['IE7', 26.6],
                ['IE6', 20],
                ['Chrome', 3.1],
                ['Other', 5.4]
                ],
            center: ['75%', '50%']}]
    });
});