# j-LiveStats

> j-LiveStats: podporuje tmavý režim; reakční

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

- Podporuje _tmavý režim_
- Odpovědnost


__Konfigurace__:

- `width {Number/String}` šířka svg, nemusíte jej měnit (podle předvolby: `500`) nebo `{String}` jQuery selektor pro získání výšky
- `height {Number/String}` výška svg, nemusíte ji měnit (podmínkou: `100`) nebo `{String}` jQuery selektor pro získání výšky
- `colors {String}` definuje barvy pro každý klíč ve formě `KEY=COLOR,KEY=COLOR,KEY=COLOR`
- `max {Number}` max. limit (default `0` - invalidní)
- `axislines {Number/String}` - počítání řádů X (podle předvolby: `20`) nebo `auto` automaticky počítá počet řádků
- `marginW {Number}` a marže pro `width`
- `marginH {Number}` a marže pro `height`

Použijte ji s `<ui-component name="livestats">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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