j-Gauge

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

konfiguráció:

decimals {Number} a decimális szám (default: 1)
format {String} egy szövegformátum (default: {0}%)
colors {String} színek a formában PERCENTAGE #COLOR STROKEWIDTH (default: 30 #8CC152 25,40 #EDBC5A 25,30 #DB3737 25)
text {Boolean} engedélyezi a szöveget (default: true)
stroke {Number} egy alapértelmezett stroke szélesség (default: 25)

Használja a <ui-component name="gauge">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>