j-Gauge

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Konfigurácia:

decimals {Number} počet desatinných miest (predvolené: 1)
format {String} formát textu (predvolené: {0}%)
Farby colors {String} v tvare PERCENTAGE #COLOR STROKEWIDTH (predvolené: 30 #8CC152 25,40 #EDBC5A 25,30 #DB3737 25)
text {Boolean} povolí text (predvolené: true)
stroke {Number} predvolená šírka ťahu (predvolená: 25)

Použite ho so <ui-component name="gauge">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia 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>