# j-LiveStats

> j-LiveStats : prend en charge le mode sombre ; sensible

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

- prend en charge le __mode sombre__
- réactif


__Configuration__ :

- `width {Number/String}` largeur du svg, vous n'avez pas besoin de la changer (par défaut : `500`) ou `{String}` sélecteur jQuery pour obtenir la hauteur
- `height {Number/String}` hauteur du svg, vous n'avez pas besoin de la changer (par défaut : `100`) ou `{String}` sélecteur jQuery pour obtenir la hauteur
- `colors {String}` définit des couleurs personnalisées pour chaque touche sous la forme `KEY=COLOR,KEY=COLOR,KEY=COLOR`
- `max {Number}` un maximum. limite (par défaut `0` - désactivé)
- `axislines {Number/String}` un nombre de lignes de l'axe X (par défaut : `20`) ou `auto` compte automatiquement le nombre de lignes
- `marginW {Number}` une marge pour `width`
- `marginH {Number}` une marge pour `height`

Utilisez-le avec `<ui-component name="livestats">`. 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="max-width:400px">
	<ui-component name="livestats" path="data"></ui-component>
</div>

<script>
var data = {};

setInterval(function() {
	data.count = Math.random() * 100 >> 0;
	data.users = Math.random() * 100 >> 0;
	data.orders = Math.random() * 100 >> 0;
	UPD('data');
}, 500);
</script>
```