Приложение к viewtopic.php?f=5&t=2810&start=70#p41624
пример вывода одиночного спидометра
Код: Выделить всё
<body onload="init()">
<canvas id="canvasTin" width="201" height="201"></canvas>
<script>
var scroll = false;
var RadialTin;
function init() {
// Initialzing gauge
// Define some sections
//раскрасим шкалу -15..+15 голубой
//15...25 зеленый
//-30...-15,25...30 желтый
var sections = [steelseries.Section(-15, 15, 'rgba(0, 0, 220, 0.3)'),
steelseries.Section(15, 25, 'rgba(0, 220, 0, 0.3)'),
steelseries.Section(-30, -15, 'rgba(220, 220, 0, 0.3)'),
steelseries.Section(25, 30, 'rgba(220, 220, 0, 0.3)') ],
// Define one area
// розовый сектор
areas = [steelseries.Section(30, 40, 'rgba(220, 0, 0, 0.3)'),
steelseries.Section(-40, -30, 'rgba(220, 0, 0, 0.3)'),],
//treshold = 25 - лампочка начинает мигать
RadialTin = new steelseries.Radial('canvasTin', {
gaugeType: steelseries.GaugeType.TYPE4,
size: 201,
section: sections,
area: areas,
minValue:-40,
maxValue:40,
titleString: "Температура",
unitString: "Градусы",
threshold: 25,
lcdVisible: true
});
RadialTin.setBackgroundColor(steelseries.BackgroundColor.WHITE);
//upd
live_upd("/pChart/?op=value&p=ws.tempInside", RadialTin); //сразу обновим ////// вставьте свое Объект.Свойство
// Start the update
//читаем данные каждые 7 с
setInterval(function(){ live_upd("/pChart/?op=value&p=ws.tempInside", RadialTin); },7000); // вставьте свое Объект.Свойство
}
function live_upd(url,gauge) {
$.ajax({
url: url,
}).done(function(data) {
if (data!='') {gauge.setValueAnimated(parseFloat(data));}
});
}
</script>
<script src="../SteelSeries/tween-min.js"></script>
<script src="../SteelSeries/steelseries-min.js"></script>
</body>
Код: Выделить всё
<body onload="init()">
<canvas id="canvasOdometer1" width="189" height="40"></canvas>
<script>
var odometer1, n = 999999997.7;
function init() {
odometer1 = new steelseries.Odometer('canvasOdometer1', {
digits:12,
decimals:2
});
// Start the update
//читаем данные каждые 2 с
setInterval(function(){ live_upd("/pChart/?op=value&p=ThisComputer.cycle_execsRun", odometer1); },2000); // вставьте свое Объект.Свойство
}
function live_upd(url,gauge) {
$.ajax({
url: url,
}).done(function(data) {
if (data!='') {gauge.setValueAnimated(parseFloat(data));}
});
}
</script>
<script src="../SteelSeries/tween-min.js"></script>
<script src="../SteelSeries/steelseries-min.js"></script>
</body>
Например, для одометра
Код: Выделить всё
height = (undefined === parameters.height ? 0 : parameters.height),
digits = (undefined === parameters.digits ? 6 : parameters.digits),
decimals = (undefined === parameters.decimals ? 1 : parameters.decimals),
decimalBackColor = (undefined === parameters.decimalBackColor ? '#F0F0F0' : parameters.decimalBackColor),
decimalForeColor = (undefined === parameters.decimalForeColor ? '#F01010' : parameters.decimalForeColor),
font = (undefined === parameters.font ? 'sans-serif' : parameters.font),
value = (undefined === parameters.value ? 0 : parameters.value),
valueBackColor = (undefined === parameters.valueBackColor ? '#050505' : parameters.valueBackColor),
valueForeColor = (undefined === parameters.valueForeColor ? '#F8F8F8' : parameters.valueForeColor),
wobbleFactor = (undefined === parameters.wobbleFactor ? 0.07 : parameters.wobbleFactor)