# j-LiveStats

> j-LiveStats: obsługuje tryb ciemny; reakcyjny

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

- Wsparcie - mody ciemne
- Odpowiedź


__Konfiguracja__:

- `width {Number/String}` szerokość swg, nie musisz go zmieniać (default: `500`) lub `{String}` jQuery selektor do uzyskania wysokości
- Wysokość `height {Number/String}` svg, nie musisz go zmieniać (default: `100`) lub selektora `{String}` jQuery w celu uzyskania wysokości
- `colors {String}` określa kolor indywidualny dla każdego klucza w formularzu `KEY=COLOR,KEY=COLOR,KEY=COLOR`
- `max {Number}` max. limit (default `0` - niepełnosprawny)
- `axislines {Number/String}` Liczba linii osi X (default): `20`) lub `auto` automatycznie liczyć linie
- `marginW {Number}` marża dla `width`
- `marginH {Number}` marża dla `height`

Użyj go z `<ui-component name="livestats">`Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu `DEF.fallback` (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>
```