j-LiveStats

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

podporuje tmavý režim
citlivý

Konfigurácia:

width {Number/String} šírka svg, nemusíte ju meniť (predvolené: 500) alebo {String} jQuery selektor na získanie výšky
height {Number/String} výška svg, nemusíte ju meniť (predvolené: 100) alebo {String} jQuery selektor na získanie výšky
colors {String} definuje vlastné farby pre každý kľúč v tvare KEY=COLOR,KEY=COLOR,KEY=COLOR
max {Number} a max. limit (predvolené 0 - vypnuté)
axislines {Number/String} počet riadkov na osi X (predvolené: 20) alebo auto automaticky počíta počet riadkov
marginW {Number} marža pre width
marginH {Number} marža pre height

Použite ho so <ui-component name="livestats">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

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>