justGage – czyli animowane mierniki

Kolejną wartą polecenia biblioteką w JavaScript jest justGage. Biblioteka umożliwia generowanie przyzwoicie wyglądających, animowanych mierników, w których istnieje możliwość zarządzania wartościami minimalnymi i maksymalnymi, opisem oraz legendą.

Mierniki w akcji znajdziesz na oficjalnej stronie: http://justgage.com/.

Plugin nie wymaga jQuery, wystarczy dodać do projektu dwie biblioteki:

<script src="raphael.2.1.0.min.js"></script>
<script src="justgage.1.0.1.min.js"></script>

w dokumencie tworzymy obiekt na którym ma zostać wykonany skrypt

<div id="gauge" class="200x160px"></div>

i za elementem dodajemy parametry definiujące nowy wskaźnik.

<script>
    var g = new JustGage({
    id: "gauge",
    value: 67,
    min: 0,
    max: 100,
    title: "Visitors"
    });
</script>

Biblioteka wymaga do działania przeglądarki wspierającej SVG, tj.: Chrome 20, Firefox 12, IE6, 7, 8, 9, Opera 12, Safari 5.1.2, Android 4.0. Całość wydana jest na licencji MIT.

Kasztelan Paweł

Programista samouk, zakochany w ZF i Laravel, szerzący opinię że PHP + JS + HTML + CSS to są języki w których może zostać stworzona aplikacja równie dobra, a nawet lepsza od twardego klienta.