j-LiveStats

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Поддържат тъмния режим
Реакция

Конфигуриране:

width {Number/String} ширина svg, не е необходимо да го променяте (предварително: 500) или {String} jQuery селектор за получаване на височина
height {Number/String} височина svg, не е необходимо да го промените (предварително: 100) или {String} jQuery селектор за получаване на височина
colors {String} определя цветовете за всеки ключ във формата на KEY=COLOR,KEY=COLOR,KEY=COLOR
max {Number} - максимален лимит (предварително 0 - инвалид)
axislines {Number/String} - броят на линиите на X-оси (дефинирано: 20) или auto автоматично брои линията
marginW {Number} марж за width
marginH {Number} марж за height

Използвайте го с <ui-component name="livestats">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>