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 Източник: Питър Шерка 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>