j-LiveStats

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Apresentação - Modo escuro
Responder

Configuração:

width {Number/String} largura de svg, você não precisa mudar (default: 500) ou o selector {String} jQuery para obter altura
height {Number/String} altura de svg, você não precisa alterá-lo (default: 100) ou {String} jQuery selector para obter altura
colors {String} define cores personalizadas para cada chave no formato KEY=COLOR,KEY=COLOR,KEY=COLOR
max {Number} a max. limit (default 0 - deficiente)
axislines {Number/String} é um número de linhas de eixo X (default: 20) ou auto contam automaticamente as linhas.
marginW {Number} uma margem para width
marginH {Number} uma margem para height

Use-o com <ui-component name="livestats">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>