j-Gauge

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Configuratie:

decimals {Number} een aantal decimalen (default: 1)
format {String} een tekstformaat (default: {0}%)
colors {String} kleuren in de vorm PERCENTAGE #COLOR STROKEWIDTH (default: 30 #8CC152 25,40 #EDBC5A 25,30 #DB3737 25)
text {Boolean} maakt tekst mogelijk (default: true)
stroke {Number} een standaard stroke breedte (default: 25)

Gebruik het met <ui-component name="gauge">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>