$(function () {  
        $('#rpi_disk_1').highcharts({
            chart: {
                type: 'pie',
				backgroundColor: '#1d2132',
				plotBorderWidth: 0,
				plotBackgroundImage: null,
				options3d: {
                enabled: true,
                alpha: 30
					},
            },
			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
            },


            plotOptions: {
                pie: {
					innerSize: 65,
				colors: ['#3ab54a', '#416c80', '#FF0000', '#FFC0CB', '#00FF00'],
                depth: 35,
				center: ['50%', '46%'],
				size: '150%',
                    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/rpi_disk_1.json',
                dataType: 'json',
                success: function(data) {
                    sources.setData(data);
                    chart.redraw();
                },
                cache: false
            })
            return refresh;
        }(), 5000);
	});
});