# j-Gauge

> Options j-Gauge : décimales, format, couleurs, texte, contour

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: fr
Content-SHA256: b5b5e69382c0bbc4aeff19477ab2c3d33c1d0818dfe20d410a0f4b01cb30ca95
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__Configuration__ :

- `decimals {Number}` un nombre de décimales (par défaut : `1`)
- `format {String}` un format pour le texte (par défaut : `{0}%`)
- Couleurs `colors {String}` sous la forme `PERCENTAGE #COLOR STROKEWIDTH` (par défaut : `30 #8CC152 25,40 #EDBC5A 25,30 #DB3737 25`)
- `text {Boolean}` active le texte (par défaut : `true`)
- `stroke {Number}` une largeur de trait par défaut (par défaut : `25`)

Utilisez-le avec `<ui-component name="gauge">`. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans `DEF.fallback` (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

```html 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>
```