JS Charts — генератор графиков и схем. / Веб-разработка / Хабрахабр

JS Charts — генератор графиков и схем.

JS Charts является бесплатным JavaScript-генератором графиков и схем, который требует минимум знаний программирования. С JS Charts рисование диаграмм становится простой и легкой задачей. Он не требует никаких дополнительных плагинов и серверных модулей. Просто подключите скрипты, подготовьте данные для схемы в XML или массиве JavaScript и ваша таблица готова.

JS Charts позволяет создавать схемы на основе различных шаблонов, таких как столбцы, круговые диаграммы или простые линии. И он совместим с большинством веб-браузеров.

Возможности:
* Вам не нужно писать код
* Он просто интегрируется
* Он легко настраивается
* Вы можете редактировать схемы в режиме online
* Вы можете создавать три различных типа диаграмм: столбцы, круги и линии
* Он совместим с большинством браузеров
* Вам не нужны серверные плагины/модули.
* Это на 100% JavaScript-компонент
* Он бесплатный.

Совместимость:

Windows
* Firefox 1.5 +
* Internet Explorer 7
* Internet Explorer 6
* Safari 3.1 +
* Opera 9 +
* и другие браузеры

Mac
* Firefox 1.5+
* iPhone 1+
* Safari 2+

Пример 1, Пример 2, Пример 3.

Скачать можно здесь (требуется простая регистрация)
или здесь

Источник

+61

6 февраля 2009, 15:00

348

webmasters_by

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

abdalAziz 6 февраля 2009, 16:05 #

Спасибо. Как раз то что нужно, для фин.отчетов.

webspilka 9 февраля 2009, 12:47 # ↑

я как то тоже искал
ссылки того на что стоит обратить внимание можеш посмотреть на webspilka.habrahabr.ru/blog/37044/

НЛО прилетело и опубликовало эту надпись здесь

cashby 6 февраля 2009, 21:27 # ↑

pChart рулит, тут не поспоришь. Но даже кэширование не всегда может помочь, если надо отрисовывать много графиков. JS тут как нельзя кстати.
Автору статьи: первая мысль после прочтения, что эту библиотеку написали вы (по ссылкам не сразу сходил). + 1-ая картинка ведет на ваш сайт. Понимаю, что придираюсь, но было бы неплохо указывать, что рассказываете про стороннюю разработку, которую используете сами. Ну и про лицензию тоже неплохо было бы упомянуть.

webmasters_by 6 февраля 2009, 22:12 # ↑

ну что вы! у меня и мысли не было приписать авторство себе :) я в конце статьи указал Источник и дал ссылку на сайт автора.

cashby 6 февраля 2009, 22:20 # ↑

Я и пытаюсь обвинить вас в приписывании авторства :) Просто немного сбило с толку… А вообще за интересную библиотеку спасибо, надеюсь, что пригодится.

cashby 6 февраля 2009, 22:20 # ↑

не пытаюсь*

kblcuk 9 февраля 2009, 11:43 # ↑

а JS разве не кешируется?

автору — опечатка у вас, * Он легко настроивается

webmasters_by 9 февраля 2009, 11:47 # ↑

исправил

DeMeN 9 февраля 2009, 13:44 # ↑

С этим можно поспорить. Интерфейс доступа к массиву данных в pChart сделан через одно место. То есть сначала надо привести данные к нелогичному и плохо понимаемому человеком виду, а потмо скормить библиотеке.
Хотя если вы не пытались делать только стандартные вещи с pChart то он скорее всего оправдывает ваши ожидания, но если вам нужно нечто большее, то тут надо лезть в код этой библиотеки, а там… тихий ужас… Можете посмотреть, обычный глюкавый код написанный левой задней ногой.

cashby 9 февраля 2009, 20:05 # ↑

ага, особенно «радует» то, что если выбрать цвет чего-либо белым (т.е. rgb(255,255,255) ), то он станет прозрачным. Потому приходится идти на хитрость и делать цвет не чисто белым, а, например rgb(254,255,255). Глазу незаметно, но помогает избежать описанной глюко-фичи. :)

mgyk 6 февраля 2009, 19:45 #

Как-то совсем простенько. OpenFlashChart по-интереснее.

Yeah 9 февраля 2009, 12:01 # ↑

Спасибо за совет. Как раз то, что нужно.

sunnybear 9 февраля 2009, 11:42 #

а чем это лучше Rafaёl?

Robust 14 февраля 2009, 15:34 # ↑

Поправлю, если позволите.
Raphaël — raphaeljs.com

hannimed 9 февраля 2009, 12:20 #

Я так и не понял как, SVG?

gigigi 9 февраля 2009, 12:35 # ↑

на сколько знаю он генерит картинку и отдаёт её base64

subecho 9 февраля 2009, 12:38 # ↑

Ключевое слово — Canvas

hannimed 9 февраля 2009, 12:41 # ↑

а IE?

subecho 9 февраля 2009, 12:57 # ↑

Полагаю через какие-то такие грабли (http://excanvas.sourceforge.net/). В Jquery тоже есть такой воркэраунд

MaxFX 9 февраля 2009, 12:26 #

Мутноватые шрифты расстраивают…

Stepler 9 февраля 2009, 12:29 # ↑

Вам ничто не мешает изменить шрифты

DmitryBaranovskiy 10 февраля 2009, 05:09 # ↑

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

subecho 9 февраля 2009, 12:35 #

В свое время игрался с Dojo Charts. По заявленным возможностям Dojo Charts превосходят рассматриваемый фреймворк — все утыкалось в сырой и нестабильный код и отсутствие нормального API. Тем не менее с помощью Dojo можно создавать комбинированные чарты (bar+line и тд) — как это сделать в этом фреймворке не нашел…

savintsev 9 февраля 2009, 12:45 #

Snowcore 9 февраля 2009, 14:45 # ↑

Все браузеры, как браузеры — появился в HTML 5 элемент Canvas — пожалуйста, вот вам реализация.
Ну а IE как обычно…

Nick123 9 февраля 2009, 12:51 #

В пост призываются апологеты тафтианства.

MaEcTPo 9 февраля 2009, 13:22 #

Я в дипломе заюзал Chronoscope. Спасибо, возможно пригодится. Еще по теме — habrahabr.ru/blogs/javascript/43804/
И может действительно, в javascript перенесите.

ded_Sergei 9 февраля 2009, 14:19 #

Просвятите меня — это не одно и тоже что google visualization api??? Я так понимаю одна из многочисленных реализаций визуализации данных?

asergeev 9 февраля 2009, 15:14 #

а русский он похоже не понимает?

Londeren 9 февраля 2009, 19:16 #

использую amcharts, хоть и флэш но выглядит красиво+различные вкусности имеются

SaveTheRbtz 9 февраля 2009, 20:05 #

самая большая вкусность js-chart'ов это всётаки то, что они не грузят сервер, так как это делает php-gd, а из минусов — обязательно найдётся человек со старым браузером, у которого это не заработает =(

kobloff 13 февраля 2009, 05:26 #

С русским не дружит насмерть

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

Программирование ↓

Веб-разработка