var tempGauge = new Gauge({
renderTo: 'temp-gauge',
width: 380,
height: 380,
glow: true,
units: '°C',
title: 'Temperature',
minValue: -10,
maxValue: 50,
majorTicks: [ -10, 0, 10, 20, 30, 40, 50 ],
minorTicks: 10,
strokeTicks: false,
highlights: [
{ from: -10, to: 0, color: 'rgba(0, 0, 255, .3)' },
{ from: 0, to: 10, color: 'rgba(0, 0, 255, .1)' },
{ from: 30, to: 35, color: 'rgba(255, 255, 0, .3)' },
{ from: 35, to: 50, color: 'rgba(255, 0, 0, .3)' }
],
colors: {
plate: '#f5f5f5',
majorTicks: '#666',
minorTicks: '#888',
title: '#444',
units: '#000',
numbers: '#222',
needle: {
start: 'rgba(240, 128, 128, 2)',
end: 'rgba(255, 160, 122, .9)'
}
},
animation: {
delay : 25,
duration: 500,
fn : 'linear'
},
valueFormat: {
int: 2,
dec: 1
}
});