j-LiveStats

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Stöd för dark mode
Svarande

Konfigurera:

width {Number/String} bredd svg, behöver du inte ändra det (default: 500) eller {String} jQuery selektor för att få höjd
height {Number/String} höjd svg, behöver du inte ändra det (default: 100) eller {String} jQuery selektor för att få höjd
colors {String} definierar anpassade färger för varje nyckel i formuläret KEY=COLOR,KEY=COLOR,KEY=COLOR
max {Number} a max. limit (default 0 - funktionshinder)
axislines {Number/String} är ett antal axellinjer (default: 20) eller auto räknar automatiskt antalet linjer.
marginW {Number} en marginal för width
marginH {Number} en marginal för height

Använd den med <ui-component name="livestats">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>