j-LiveStats

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

admite modo oscuro
receptivo

Configuración:

width {Number/String} ancho de svg, no es necesario cambiarlo (predeterminado: 500) o {String} selector jQuery para obtener la altura
height {Number/String} altura de svg, no es necesario cambiarla (predeterminado: 100) o {String} selector jQuery para obtener la altura
colors {String} define colores personalizados para cada tecla en el formulario KEY=COLOR,KEY=COLOR,KEY=COLOR
max {Number} un máx. límite (predeterminado 0 - deshabilitado)
axislines {Number/String} un recuento de líneas del eje X (predeterminado: 20) o auto cuenta automáticamente el recuento de líneas
marginW {Number} un margen para width
marginH {Number} un margen para height

Úselo con <ui-component name="livestats">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (la CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia 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>