$(function () {
    var chart;
    $(document).ready(function() {

		// Build the chart
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'Distance_pie',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text: 'Classes by Distance Flown'
            },
            tooltip: {
        	    pointFormat: '{series.name}: <b>{point.percentage}%</b>',
            	percentageDecimals: 0
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        color: '#000000',
                        connectorColor: '#000000',
                        formatter: function() {
                            return '<b>'+ this.point.name +'</b>: '+ Math.round(this.percentage*10)/10 +' %';
                        }
                    }
                }
            },
            series: [{
                type: 'pie',
                name: 'Distance by Class',
                data: [

                    ['Business',6678],
                    ['Premium Economy',5306],
                    ['Economy',7464]

                ]
            }]
        });
    });

});