j-Gauge

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Konfiguracja:

decimals {Number} liczba dziesięcioleci (default: 1)
format {String} format dla tekstu (default: {0}%)
Kolory colors {String} w formie PERCENTAGE #COLOR STROKEWIDTH (default: 30 #8CC152 25,40 #EDBC5A 25,30 #DB3737 25)
text {Boolean} umożliwia tekst (default: true)
stroke {Number} standardowe szerokość wstrząsu (default: 25)

Użyj go z <ui-component name="gauge">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

example.html

<div style="width:200px">
	<ui-component name="gauge" path="cpu"></ui-component>
</div>

<script>
	setInterval(function() {
		SET('cpu', (Math.random() * 100));
	}, 1500);
</script>