var gaugeWater = new Gauge({ renderTo : 'Water', width : 300, height : 300, glow : false, units : 'Обратка', title : 'Подача', minValue : 0, maxValue : 100, majorTicks : ['0','10','20','30','40','50','60','70','80','90','100'], minorTicks : 10, strokeTicks : false, highlights : [ ], colors : { plate: '#37373a', majorTicks: 'rgba(255,255,255,1)', //длинные засечки minorTicks: '#999', title: 'rgba(200, 200, 50, 1)', units: '#FFF', numbers: '#FFF', needle : { start: 'rgba(200, 200, 50, 1)', end: 'rgba(200, 200, 50, 1)', circle: { outerStart: 'rgba(200, 50, 50, 1)', outerEnd: 'rgba(200, 50, 50, 1)' }, shadowUp: false, shadowDown: false }, circle: { shadow: false, outerStart: 'rgba(49,69,106,0)', outerEnd: 'rgba(49,69,106,0)', middleStart:'rgba(49,69,106,0)', middleEnd: 'rgba(49,69,106,0)', innerStart: 'rgba(49,69,106,0)', innerEnd: 'rgba(49,69,106,0)' }, valueText: { foreground: 'rgba(200, 200, 50, 1)', shadow: 'rgba(0, 0, 0, 0)' }, valueBox: { rectStart: 'rgba(49,69,106,0)', rectEnd: 'rgba(49,69,106,0)', background:'rgba(49,69,106,0)', shadow: 'rgba(49,69,106,0)' } }, needle: { type: 'arrow', width: 2, end: 82, circle: { size: 10, inner: false, outer: true } }, animation : { delay : 25, duration: 1000, fn : 'bounce' } }); gaugeWater.draw(); var gaugeTemperature = new Gauge({ renderTo : 'TempUl', width : 500, height : 500, glow : false, units : 'КОМНАТА', title : 'УЛИЦА', minValue : -50, maxValue : 50, majorTicks : ['-50','-40','-30','-20','-10','0','10','20','30','40','50'], minorTicks : 10, strokeTicks : false, highlights : [ ], colors : { plate: 'rgba(49,69,106,0)', majorTicks: '#FFF', //длинные засечки minorTicks: '#999', title: 'rgba(50, 200, 220, 1)', units: '#FFF', numbers: '#FFF', needle : { start: 'rgba(50, 200, 220, 1)', end: 'rgba(50, 200, 220, 1)', circle: { outerStart: 'rgba(200, 50, 50, 1)', outerEnd: 'rgba(200, 50, 50, 1)' }, shadowUp: true, shadowDown: true }, circle: { shadow: false, outerStart: 'rgba(49,69,106,0)', outerEnd: 'rgba(49,69,106,0)', middleStart:'rgba(49,69,106,0)', middleEnd: 'rgba(49,69,106,0)', innerStart: 'rgba(49,69,106,0)', innerEnd: 'rgba(49,69,106,0)' }, valueText: { foreground: 'rgba(50, 200, 220, 1)', shadow: 'rgba(0, 0, 0, 0)' }, valueBox: { rectStart: 'rgba(49,69,106,0)', rectEnd: 'rgba(49,69,106,0)', background:'rgba(49,69,106,0)', shadow: 'rgba(49,69,106,0)' } }, needle: { type: 'arrow', width: 2, end: 80, circle: { size: 7, inner: true, outer: true } }, animation : { delay : 25, duration: 1000, fn : 'bounce' } }); gaugeTemperature.draw(); var gaugePUMP = new Gauge({ renderTo : 'PUMP', width : 300, height : 300, glow : false, units : 'ВЕНТИЛЯТОР', title : 'НАСОС %', minValue : 0, maxValue : 100, majorTicks : ['0','10','20','30','40','50','60','70','80','90','100'], minorTicks : 10, strokeTicks : false, highlights : [ ], colors : { plate: '#37373a', majorTicks: 'rgba(255,255,255,1)', //длинные засечки minorTicks: '#999', title: 'rgba(200, 200, 50, 1)', units: '#FFF', numbers: '#FFF', needle : { start: 'rgba(200, 200, 50, 1)', end: 'rgba(200, 200, 50, 1)', circle: { outerStart: 'rgba(0, 0, 0, 1)', outerEnd: 'rgba(0, 0, 0, 1)' }, shadowUp: false, shadowDown: false }, circle: { shadow: false, outerStart: 'rgba(49,69,106,0)', outerEnd: 'rgba(49,69,106,0)', middleStart:'rgba(49,69,106,0)', middleEnd: 'rgba(49,69,106,0)', innerStart: 'rgba(49,69,106,0)', innerEnd: 'rgba(49,69,106,0)' }, valueText: { foreground: 'rgba(200, 200, 50, 1)', shadow: 'rgba(0, 0, 0, 0)' }, valueBox: { rectStart: 'rgba(49,69,106,0)', rectEnd: 'rgba(49,69,106,0)', background:'rgba(49,69,106,0)', shadow: 'rgba(49,69,106,0)' } }, needle: { type: 'arrow', width: 0.5, end: 75, circle: { size: 5, inner: true, outer: true } }, animation : { delay : 25, duration: 1000, fn : 'bounce' } }); gaugePUMP.draw(); var gaugeFAN = new Gauge({ renderTo : 'FAN', width : 300, height : 300, glow : false, units : 'ТЭН', title : 'ПОДДУВ', minValue : 0, maxValue : 100, majorTicks : ['0','10','20','30','40','50','60','70','80','90','100'], minorTicks : 10, strokeTicks : false, highlights : [ ], colors : { plate: '#37373a', majorTicks: 'rgba(255,255,255,1)', //длинные засечки minorTicks: '#999', title: 'rgba(200, 200, 50, 1)', units: '#FFF', numbers: '#FFF', needle : { start: 'rgba(200, 200, 50, 1)', end: 'rgba(200, 200, 50, 1)', circle: { outerStart: 'rgba(200, 50, 50, 1)', outerEnd: 'rgba(200, 50, 50, 1)' }, shadowUp: false, shadowDown: false }, circle: { shadow: false, outerStart: 'rgba(49,69,106,0)', outerEnd: 'rgba(49,69,106,0)', middleStart:'rgba(49,69,106,0)', middleEnd: 'rgba(49,69,106,0)', innerStart: 'rgba(49,69,106,0)', innerEnd: 'rgba(49,69,106,0)' }, valueText: { foreground: 'rgba(200, 200, 50, 1)', shadow: 'rgba(0, 0, 0, 0)' }, valueBox: { rectStart: 'rgba(49,69,106,0)', rectEnd: 'rgba(49,69,106,0)', background:'rgba(49,69,106,0)', shadow: 'rgba(49,69,106,0)' } }, needle: { type: 'arrow', width: 2, end: 82, circle: { size: 10, inner: false, outer: true } }, animation : { delay : 25, duration: 1000, fn : 'bounce' } }); gaugeFAN.draw(); var gaugeGaz = new Gauge({ renderTo : 'TempGaz', width : 300, height : 300, glow : false, units : '°C', title : 'Дымоход', minValue : 0, maxValue : 300, majorTicks : ['0','50','100','150','200','250','300'], minorTicks : 20, strokeTicks : false, highlights : [ ], colors : { plate: '#37373a', majorTicks: 'rgba(255,255,255,1)', //длинные засечки minorTicks: '#999', title: 'rgba(200, 200, 50, 1)', units: 'rgba(255,255,255,1)', numbers: '#FFF', needle : { start: 'rgba(200, 200, 50, 1)', end: 'rgba(200, 200, 50, 1)', circle: { outerStart: 'rgba(200, 50, 50, 1)', outerEnd: 'rgba(200, 50, 50, 1)' }, shadowUp: false, shadowDown: false }, circle: { shadow: true, outerStart: 'rgba(49,69,106,0)', outerEnd: 'rgba(49,69,106,0)', middleStart:'rgba(49,69,106,0)', middleEnd: 'rgba(49,69,106,0)', innerStart: 'rgba(49,69,106,0)', innerEnd: 'rgba(49,69,106,0)' }, valueText: { foreground: 'rgba(200, 200, 50, 1)', shadow: 'rgba(0, 0, 0, 0)' }, valueBox: { rectStart: 'rgba(49,69,106,0)', rectEnd: 'rgba(49,69,106,0)', background:'rgba(49,69,106,0)', shadow: 'rgba(49,69,106,0)' } }, needle: { type: 'arrow', width: 2, end: 82, circle: { size: 7, inner: true, outer: true } }, animation : { delay : 25, duration: 1000, fn : 'bounce' } }); gaugeGaz.draw();