j-Gauge

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

ΕΠΙΤΡΟΦΗ:

decimals {Number} ένας αριθμός δεκάδων (προεπιλεγμένο: 1)
format {String} μια μορφή κειμένου (προεπιλεγμένη: {0}%)
colors {String} χρώματα στη μορφή PERCENTAGE #COLOR STROKEWIDTH (προεπιλεγμένη: 30 #8CC152 25,40 #EDBC5A 25,30 #DB3737 25)
Το text {Boolean} ενεργοποιεί το κείμενο (προεπιλεγμένο: true)
stroke {Number} ένα προεπιλεγμένο πλάτος σύρματος (προεπιλογή: 25)

Χρησιμοποιήστε το με <ui-component name="gauge">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, 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>