j-LiveStats

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Ondersteunt het donkere mode
Reactie

Configuratie:

width {Number/String} breedte van svg, u hoeft het niet te veranderen (de standaard: 500) of {String} jQuery selector om hoogte te krijgen
height {Number/String} hoogte van svg, u hoeft het niet te wijzigen (default: 100) of {String} jQuery selector om hoogte te krijgen
colors {String} bepaalt afgestemd kleur voor elke sleutel in het formulier KEY=COLOR,KEY=COLOR,KEY=COLOR
max {Number} max. limit (default 0 - ontbreekt)
axislines {Number/String} een aantal X-axislijnen (default: 20) of auto telt automatisch het aantal lijnen
marginW {Number} een marge voor width
marginH {Number} een marge voor height

Gebruik het met <ui-component name="livestats">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>