$(function () {  
        $('#redstar_sdf_pi').highcharts({
            chart: {
                type: 'pie',
				backgroundColor: '#1d2132',
				plotBorderWidth: 0,
				plotBackgroundImage: null,
				options3d: {
                enabled: true,
                alpha: 55
					},
            },
			title: {
                text: null
            },
            subtitle: {
                text: null
            },
            tooltip: {
                pointFormat: '{point.percentage:.1f}%',
				backgroundColor: {
				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
				stops: [
					[0, 'rgba(96, 96, 96, .8)'],
					[1, 'rgba(16, 16, 16, .8)']
				]
			},
			borderWidth: 0,
			style: {
				color: '#FFF'
			}
            },
            legend: {
                enabled: false,
                layout: 'vertical',
                align: 'center',
                verticalAlign: 'middle',
				width: '120',
				useHTML: true,
                labelFormatter: function() {
                    return '<span style="color:#90ee7e; font-size:9pt;">' + this.name + ' ' + this.y + '%</span>';
				}
            },

            plotOptions: {
                pie: {
					innerSize: 60,
				colors: ['#3ab54a', '#416c80', '#FF0000', '#FFC0CB', '#00FF00'],
                depth: 30,
				center: ['60%', '55%'],
				size: '200%',
                    allowPointSelect: true,
                    showInLegend: true,
                    dataLabels: {
                        enabled: false
                    }
                }
            },
			credits: {
						enabled: false
					 },
			
			navigation: {
						buttonOptions: {
						enabled: false
						}
					},
            series: [{
                name: 'Sources',
                data: [0]
            }]
	},
	function(chart) {
        setInterval(function refresh() {
            var sources = chart.series[0];
            $.ajax({
                url: './data/redstar_sdf_pi.json',
                dataType: 'json',
                success: function(data) {
                    sources.setData(data);
                    chart.redraw();
                },
                cache: false
            })
            return refresh;
        }(), 310000);
	});
});