Создание линейных графиков в jQuery

jQuery Sparklines – это плагин для jQuery, который способен генерировать линейные графики в браузере используя данные, указанные либо в HTML, либо в JavaScript.

jquery-sparklines.gif

Плагин совместим со следующими браузерами: Firefox 2+, Safari 3+, Opera 9 и Internet Explorer 6 & 7.

Пользоваться плагином очень просто. Достаточно вызвать одну функцию, указав при этом необходимые опции:

$(selector).sparkline(values, options);

Параметр values указывает на значения, которые нужно отображать. Они могут быть переданы использую массив, либо могут быть получены прямо из HTML – в этом случае value должно иметь значение "html":

<span class="sparklines">1,2,3,4,5,4,3,2,1</span>
<span id="ticker"">Loading..</span>

$('.sparklines').sparkline('html');
$('#ticker').sparkline([1,2,3,4,5,4,3,2,1]);

Второй параметр функции – это опции, которые влияют на цвет графика, цвет фона, тип линии, ширину и т.д.:

$('#barchart').sparkline(myvalues, { type:'bar', barColor:'green' });

Плагин распространяется под новой BSD лицензией.

скачать

Maklay.com - Большой каталог товаров для спорта и активного отдыха

JSToolbox создан на основе WordPress