Mithgol 3 мар 2012 в 12:06

Morris.js: средство рисования красивых графиков при помощи jQuery и Raphaël

2 мин

19K

jQuery*

Туториал

+44

Комментарии 20

pihel 3 мар 2012 в 12:27

В gRaphaël напрягает, что нет почти никакой документации. Что-то сложнее примеров с сайта приходится делать наугад.

Mithgol 3 мар 2012 в 13:06

Верно подмечено. Вообще почти со всеми плагинами к Raphaël такая проблема: нет почти никакой документации и нет, кажется, никакого официального (и никакого неофициального сколько-нибудь полного) списка их. Я ничего не знал бы даже о самóм существовании gRaphaël, кабы не наткнулся случайно на упоминание его на Хабрахабре. Мог бы и не наткнуться.

ArtyV 3 мар 2012 в 16:07

Можно и просто рафаелем рисовать :) большого смысла подключать gRaphaël почему-то не вижу, если надо что-то сложнее, чем в примерах

jil 3 мар 2012 в 16:28

К сожалению это была одна из причин отказа от использования, но ещё и сам функционал сомнительный. Для рисования в SVG — нет такого понятия как группы! Т.е. есть множества (set), но нет групп (тег g). Соответственно куча проблем с изменением порядка отображения (toFront, toBack).

В общем сложилось впечатление, что фреймворк (Raphaël) для начинающих или не любителей заморачиваться. Какие либо сложные операции съедают всю его простоту.

pihel 3 мар 2012 в 12:31

Вот еще хотел привести пример моего графика на gRaphael, синтаксис не сильно сложней cash.pihel.jino.ru/?act=analiz&type=dyn&from=2012-02-08

Assorium 3 мар 2012 в 13:09

Он игнорит hover на многие промежуточные точки

pihel 3 мар 2012 в 13:11

Да, есть такое дело. Возможно где-то моя ошибка в коде, лень разбираться.

bumbay 3 мар 2012 в 13:27

Как вовремя.

ADOLF88HITLER 3 мар 2012 в 13:27

Вот ещё хорошая библиотека: www.highcharts.com/
Громоздкая правда (около 100Кб), но может похвастаться большими возможностями, замечательной документацией и простым API.

david_mz 3 мар 2012 в 13:38

И платная.

ADOLF88HITLER 3 мар 2012 в 13:40

Только для коммерческого использования.

asolntsev 3 мар 2012 в 14:31

Мы в работе использует flot.js.
На нём, например, сделаны эти графики потребления электроэнергии.

zotov 3 мар 2012 в 19:53

И какой смысл давать ссылку на страницу, которая видна только вашим клиентам?

asolntsev 3 мар 2012 в 21:43

Не, видна всем. Я имел в виду тот график, который виден в тексте прямо на странице.
Ну, если хотите подробнее, то вот: пример1, пример2, пример3.

HeadFore 3 мар 2012 в 14:46

На днях менял флешевые графики, остановился на графиках от Google.
Синтаксис очень похож, есть вертикальные линии и много чего еще.

MechanisM 3 мар 2012 в 20:44

Я тоже выбрал гугловские.

dos 4 мар 2012 в 00:01

Какой библиотекой можно сделать вот такой график?

Mithgol 4 мар 2012 в 16:48

Весьма интересный вопрос, спасибо. У меня нет ни готового ответа на него, ни даже сколько-нибудь удовлетворительного представления о том, где и как искать ответ.