j-LiveStats

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

unterstützt den Dark-Modus
reaktionsschnell

Konfiguration:

width {Number/String} Breite von SVG, Sie müssen sie nicht ändern (Standard: 500) oder {String} jQuery-Selektor zum Erhalten der Höhe
height {Number/String}-Höhe von SVG, Sie müssen sie nicht ändern (Standard: 100) oder {String} jQuery-Selektor zum Erhalten der Höhe
colors {String} definiert benutzerdefinierte Farben für jeden Schlüssel in der Form KEY=COLOR,KEY=COLOR,KEY=COLOR
max {Number} a max. Grenze (Standard 0 – deaktiviert)
axislines {Number/String} zählt die Anzahl der X-Achsenlinien (Standard: 20) oder auto zählt automatisch die Anzahl der Linien
marginW {Number} eine Marge für width
marginH {Number} eine Marge für height

Verwenden Sie es mit <ui-component name="livestats">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>