flotr2 — графики и диаграммы на HTML5

HTML*

flotr2 — это библиотека с открытым кодом для построения HTML5 графиков и диаграмм. Flotr2 — так как стала ответвлением от Flotr, но уже без привязки к Prototype JS и с множеством усовершенствований.

Преимущества:

поддержка мобильных устройств;
фреймворк-независима;
расширяемость с помощью плагинов;
пользовательские типы диаграмм;
поддержка браузерами на уровне FF, Chrome, IE6+, Android, iOS
поддерживает линии, бары, свечи, пироги, пузыри.

Настраивать можно заголовки, подзаголовки, цвета и много другое для каждой переменной.
Надеюсь, что данная библиотека поможет в визуализации статистической информации в ваших проектах.

flotr2
Документация
Проект на Github

+77

7 февраля 2012, 10:34

669

py3u 10,0

комментарии (26)

–12

Ualde 7 февраля 2012, 11:24 #

Забавно, но не более.

–6

itdevelop 7 февраля 2012, 11:26 #

А почему картинки перекидывают на какой-то автомобильный сайт?

–5

A65urd 7 февраля 2012, 11:27 # ↑

Мне одному кажется, что попахивает рекламой? =)

–9

itdevelop 7 февраля 2012, 11:28 # ↑

Да тут воняет ей :) Куда ни тыкни, везде одно и то же.

–9

zapimir 7 февраля 2012, 11:33 # ↑

Скорее SEO спам, типа
1) Найти какую-нибудь библиотеку HTML5
2) Набросать пару предложений описания
3) Вставить картинки со ссылками на раскручиваемый сайт
4) Ждем инексации поисковиками
4) PROFIT

py3u 7 февраля 2012, 11:30 # ↑

сорре. Не скопировалась ссылка. Впредь буду повнимательней.

Dmitry_P 7 февраля 2012, 11:26 #

Что по ссылкам?

Sibarit 7 февраля 2012, 11:32 #

Если с PhoneGap это взлетит красиво, я буду счастлив.

py3u 7 февраля 2012, 11:41 # ↑

Если не забудете, отпишитесь(;

Eddy_Em 7 февраля 2012, 11:52 #

Класс!
Вот бы еще библиотеку с «гнуплотным» синтаксисом…

cbone 7 февраля 2012, 12:26 #

Спасибо за библиотеку, но хотелось бы помимо преимуществ увидеть в вашей статье недостатки по сравнению с аналогами.

py3u 7 февраля 2012, 13:05 # ↑

Хорошо. На досуге постараюсь написать UPD c ответом на Ваш вопрос

kocherman 7 февраля 2012, 13:24 # ↑

Очень не хватает сравнения с Raphaël.

cbone 7 февраля 2012, 14:30 # ↑

Спасибо, интересно будет почитать.

MrMYSTIC 7 февраля 2012, 13:00 #

Весьма интересная библиотека. Однозначно где-нибудь пригодится!

artishok 7 февраля 2012, 17:31 #

Можно ли сделать чтобы отсчет по оси «y» начинался не с нуля, а, например, со значения на 5 меньше, чем минимальная точка координат и заканчивалась со значением на 5 больше, чем значение максимальной точки?

Например здесь — http://www.humblesoftware.com/flotr2/#!basic-legend красная полоса расположена между 14 и 16(предположим что синей и зеленой нет), тогда ось «y» должна начинатся с 9 и заканчиватся на 21

py3u 7 февраля 2012, 17:42 #

for (i = 0; i < 15; i += 0.5) {

заменить на

for (i = 9; i < 21; i += 0.5) {

9 и 21 заменяем на MinValue и MaxValue соответственно (которые считаем до цикла)

или Я не так Вас понял?

–1

artishok 7 февраля 2012, 18:06 # ↑

Это не обязательно должны быть 9 и 21, я эти цифры привёл как пример

py3u 7 февраля 2012, 18:48 # ↑

Ну Я же написал Вам, что эти значения нужно посчитать заранее и вставить.
Получится что-то типа:

for (i = MinValue; i < MaxValue; i += 0.5) {

KvanTTT 7 февраля 2012, 19:39 #

Спасибо.
А если сравнивать например с платной fusioncharts, то какие у данной библиотеки плюсы и минусы?

squonk 11 февраля 2012, 01:06 # ↑

У FusionCharts есть баг — memory leak. Когда они его пофиксят — неизвестно.

KvanTTT 7 февраля 2012, 19:39 #

Про поддержку оперы ничего не сказано :( Но наверное и там работает?

G0RIK 7 февраля 2012, 22:39 #

Немного не в тему, но всё же: кто-нибудь может подскажет, есть ли на данный момент библиотеки, умеющие делать гибкие и функциональные графики-карты? что-нибудь вроде google geochart (http://code.google.com/apis/chart/interactive/docs/gallery/geochart.html), но более гибкое и функциональное? Без флеша.