j-LiveStats

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

prend en charge le mode sombre
réactif

Configuration :

width {Number/String} largeur du svg, vous n'avez pas besoin de la changer (par défaut : 500) ou {String} sélecteur jQuery pour obtenir la hauteur
height {Number/String} hauteur du svg, vous n'avez pas besoin de la changer (par défaut : 100) ou {String} sélecteur jQuery pour obtenir la hauteur
colors {String} définit des couleurs personnalisées pour chaque touche sous la forme KEY=COLOR,KEY=COLOR,KEY=COLOR
max {Number} un maximum. limite (par défaut 0 - désactivé)
axislines {Number/String} un nombre de lignes de l'axe X (par défaut : 20) ou auto compte automatiquement le nombre de lignes
marginW {Number} une marge pour width
marginH {Number} une marge pour height

Utilisez-le avec <ui-component name="livestats">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>