Библиотеки веб-графики для мобильных устройств, наши собственные исследования

Мы ищем хорошую библиотеку на основе javascript для приложения для веб-графики, которое нам просили сделать. Графики будут доступны, и на самом деле было бы неплохо взаимодействовать с помощью мобильных устройств (iOS, Android и т.п.). Пользователь сможет развернуть несколько наборов данных, так что быстрее (как для обработки графики, так и для загрузки данных) и более интерактивного, тем лучше.

В настоящее время существует множество опций и многие аспекты, на которые нужно смотреть. Основываясь на моих исследованиях, я составил следующий список. Извинения заранее за любую ошибку, он не предназначен для того, чтобы быть на 100% полным или точным.. но я думаю, что все еще полезно:

https://spreadsheets.google.com/pub?key=0As7T_22rXSbtdF9YeklwcUVXSEdwQnN0a0FvcWpoU2c&output=html

Каково ваше мнение? Есть ли у вас опыт такого рода приложений? Может быть, какой-то кандидат мне не хватает?

Мы сужаем выбор, но я до сих пор не уверен, какой выбор лучший выбор. Некоторые вопросы, которые появляются у меня в голове:

Различные способы рендеринга диаграммы (SVG/VML против холста HTML 5). Какой из них больше подходит для браузеров на мобильных устройствах? Какой из них больше подходит для взаимодействия с пользователем?
Сделать это хорошо. Какие библиотеки позволяют легко настраивать внешний вид? Действительно ли CSS для этого эффективен?

Ответ 1

Вы пропустили Sencha Touch

Ответ 2

прежде всего, если мобильная поддержка является обязательной для вас, отбросьте SVG в качестве решения. Он не получил широкого распространения. Холст с другой стороны, не поддерживается старыми версиями IE, но может быть смоделирован через VML с помощью exCanvas.js library.

О том, что он выглядит хорошо, CSS не имеет ничего общего с этими библиотеками. CSS влияет на элементы DOM, а содержимое холста - двоичные данные. Холст, как говорится в слове, представляет собой пустой холст для рисования через Javascript API. Как только вы нарисуете строку в элементе canvas, эта информация является всего лишь пикселями в холсте.

Кстати, хороший список тот, который вы собрали, и я уверен, что он вполне завершен. Единственный злоумышленник в нем - Дундас. Прежде всего, это библиотека .Net и генерирует диаграммы на сервере. Во-вторых, устарела. Dundas больше не продает компоненты, они полностью связаны с решением своих панелей.

Надеюсь, что помогу.

Ответ 3

Я выбрал Flot для нескольких проектов сейчас, и он сработал хорошо. Он хорошо документирован множеством примеров, настраивается, отлично выглядит и расширяется. Это зависит от jQuery.

Ответ 4

Вы также можете добавить dhtmlxChart в свой список.

Это текстовая библиотека JavaScript на основе Canvas, которая поддерживает разные типы диаграмм: строка, пирог, область, панель, радар и т.д. dhtmlxChart распространяется под GPL v2 (для использования в проприетарном проекте требуется коммерческая лицензия).

(Отказ от ответственности: я работаю для DHTMLX)

Ответ 5

Я знаю, что это старый вопрос, но недавно нам пришлось провести аналогичное исследование.

Мы сосредоточили свое исследование на мобильных графических библиотеках (Android и iOS, родных или гибридных с Cordova-), поддерживающих линейные/региональные диаграммы. Вся информация была собрана с веб-сайтов соответствующих библиотек диаграмм, и никаких личных тестов не было (пока).

Здесь результат:
https://goo.gl/0tVC6a

Надеюсь, это поможет.