Построение графиков. JQuery
Делал вот один проэктик со статистикой и там необходимо было сделать графики. Я сразу режил посмотреть в сторону javascript и не ошибся! есть такая замечательная библиотека для jquery как jQuery Sparklines.
jQuery Sparklines — это плагин для jQuery, который способен генерировать линейные графики в браузере используя данные, указанные либо в HTML, либо в JavaScript.
Скачать его можно на официальном сайте плагина: www.omnipotent.net/jquery.sparkline/
Пользоваться данным плагином достаточно просто.
Сначала подключаем библиотеку jquery последней версии
потом вставляем сделующий код в страничку
1 2 3 | <script type="text/javascript"> $(selector).sparkline(values, options); </script> |
Параметр values указывает на значения, которые нужно отображать. Они могут быть переданы как массив, либо могут быть получены прямо из HTML — в этом случае value должно иметь значение «html»
1 2 3 4 5 | <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]); |
Второй параметр функции — это опции, которые влияют на цвет графика, цвет фона, тип линии, ширину и т.д.:
1 | $('#barchart').sparkline(myvalues, { type:'bar', barColor:'green' }); |
как видите пользоваться плагином очень просто
скачать саму библиотеку можно тут
a
2 комментариев на "Построение графиков. JQuery"
Жаль что подписи к графикам не делает, а очень надо (
Что же примера -то нет.
Так просто подключать,а что же не подключил.
Думаешь все такие продвинутые?
Да процентов 90 ничего не поняли.Все-таки посмотреть бы подключенный пример,или сам не очень? А?
Продолжение дискуссии на форуме: link
Вы можете продолжить обсуждение этой статьи на форуме