Bych chtěl poprosit o pomoc, nebo alespon poždouchnout.
Celou noc jsem v praci ani oko nezamhouřil a přišel na to, že mi na muj budik stači toto.
<div class="metal-border speedometer-3quarters" id="example1G">
<div class="example"></div>
<div class="gauge-value"></div>
</div>
<div class="code" id="code_example1G"></div><script type="text/javascript" class="example" id="script_example1G">
$(document).ready(function() {
$('#example1G div.example').svgGauge({
'value': 28.5,
'minValue': -20,
'maxValue': 100,
'startingIncline': -60,
'endingIncline': 180,
'margin': 8,
'majorTicks': {
'count': 8,
'length': 20,
'attr': {
'stroke': '#023',
'stroke-width': 3
}
},
'minorTicks': {
'count': 4,
'attr': {
'stroke': '#023'
}
},
'hand': {
'centerPointRadius': 2,
'length': 50,
'attr': {
'stroke': '#003'
}
},
'zones': {
'normal': {
'fromPercentage': 0,
'toPercentage': 2 / 8,
'attr': {
'stroke': '#10E5ED',
'stroke-width': 20
}
},
'warning': {
'fromPercentage': 2 / 8,
'toPercentage': 60 / 80,
'attr': {
'stroke': '#cdcdcd',
'stroke-width': 20
}
},
'critical': {
'fromPercentage': 60 / 80,
'toPercentage': 1,
'attr': {
'stroke-width': 20
}
}
},
'onAnimate': function(data, gauge) {
var $this = $(this),
$parent = $this.parent(),
$value = $parent.find('div.gauge-value');
$value.html(data.value.toFixed(1) + '°C');
}
});
});</script>
</html>
Hodnotu teploty co ukazuje ta ručička je 'value': 48.5
A podle mně, tak tu animaci zajištuje ta funkce.
onAnimate': function(data, gauge)
Ale je to animace.
Při spuštění stranky se ta ručička hybe od 0 po nastavenou teplotu v tom 'value': 48.5
Bych potřeboval aby to načitalo moji teplotu ./shm/teplota_venku
Bud to dat do javascript jako timer a načitat třeba co minutu, nebo co minutu protačet tu stranku.