$(function () {
	temperature = new Highcharts.Chart({
	    chart: {
	        renderTo: 'temperaturevu',
	        type: 'gauge',
            height: 180,
        },
	    title: {
	        text: 'Temperature'
	    },
	    pane: [{
	        startAngle: -45,
	        endAngle: 45,
	        background: null,
	        center: ['50%', '140%'],
	        size: 250

	    }],
        credits: {
				enabled: false
		},
	    yAxis: [{
	        min: -40,
	        max: 40,
	        minorTickPosition: 'outside',
	        tickPosition: 'outside',
            tickInterval: 20,
	        labels: {
	        	rotation: 'auto',
	        	distance: 20
	        },
	        plotBands: [{
	        	from: 25,
	        	to: 40,
	        	color: '#C02316',
	        	innerRadius: '100%',
	        	outerRadius: '105%'
	        },
            {
	        	from: -40,
	        	to: -10,
	        	color: '#0000FF',
	        	innerRadius: '100%',
	        	outerRadius: '105%'
	        }],
            title: {
	            text: 'Loading...',
                align: 'middle',
                offset: 60
	        }
	    }],
	    plotOptions: {
	    	gauge: {
	    		dataLabels: {
	    			enabled: true
	    		},
	    		dial: {
	    			radius: '100%'
	    		}
	    	}
	    },
	    series: [{
	        data: [0],
	        /* yAxis: 0*/
	    }]
	})
});