Wykorzystanie Google Chart Tools: Guage (tzw. ‘licznik’).

Szczegóły

Innym z ciekawych gadżetów/widgetów możliwych do umieszczenia na stronach htm jest ‘licznik’ udostępniany w ramach Google Chart Tools.  Szczegóły o tym, jak taki element działa, jak go tworzyć i parametryzować dostępne są pod http://code.google.com/intl/pl-PL/apis/chart/interactive/docs/gallery/gauge.html, (gdyby link nie działał, google: „google guage”).

Koncentrować się będę wyłącznie na tym, jak wykorzystać go do odczytywania danyc z PLC.  Oto link do pliku z przykładami.

Przykład:

Licznik odczytujący dane z wejścia analogowego IW0, odświeżany cyklicznie:

$("#example").gauge({
	min: -20,
	max: 40,
	unitsLabel: '' + String.fromCharCode(186),
	label: 'Out. Temp',
	majorTicks: 4,
	minorTicks: 3,
});

$("#example").attr('data-read', 'IW0');
$("#example").attr('data-refresh', true);
$("#example").bind('OnReadSuccess', function(event,data){
	$(this).gauge('setValue', data/10);
	return false;
});

• Poprzedni artykuł
• Następny artykuł