j-LiveStats

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

Támogatja a sötét módot
Válasz

konfiguráció:

width {Number/String} szélessége svg, nem kell megváltoztatni (például: 500) vagy {String} jQuery kiválasztó a magasság
height {Number/String} magasság svg, akkor nem kell változtatni (például: 100) vagy {String} jQuery kiválasztó a magasság
A colors {String} minden kulcsra vonatkozóan a KEY=COLOR,KEY=COLOR,KEY=COLOR formátumban meghatározza a színeket.
max {Number} a maximális határ (default 0 - fogyatékosság)
A axislines {Number/String} a X-sávú vonalak számlálása (például: 20) vagy a auto automatikusan számolja a vonalokat.
marginW {Number} egy margin a width
marginH {Number} egy margin a height

Használja a <ui-component name="livestats">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>