Высокопроизводительный API-интерфейс JavaScript для мобильных приложений через HTML
Я работаю над кросс-платформенным мобильным приложением через MoSync. Что касается диаграммы JavaScript для отображения данных, поступающих из Bluetooth на мобильном устройстве, мне нужен API диаграммы JavaScript, который имеет очень высокую скорость и производительность рендеринга. Он должен быть достаточно быстрым, чтобы рисовать/перерисовывать/обновлять диаграмму, поскольку данные будут введены в Webview. AFAIK от тестирования нескольких API-интерфейсов, инжекция данных снижает скорость в мобильных приложениях. FFI, следующие моменты могут быть полезны, чтобы показать, насколько быстро график должен быть для плавного перехода в приложение.
- Обновление: каждые 500 мс или, возможно, 250 мс
- Новые данные за обновление: три массива размером 50 для трех серий
- Трафик данных (от Bluetooth до API диаграмм): С++ → UI (HTML) → API-интерфейс WebView → API
Обратите внимание, что мне известно множество доступных API-интерфейсов API JavaScript, однако мне нужен совет, который рассмотрел объясненную ситуацию.
Ответы
Ответ 1
Ниже вы найдете мое исследование. Надеюсь, это поможет вам найти решение.
-
Сравнение библиотек визуализации JavaScript говорит, что flotr2 для производительности. Он был опубликован в июне 2012 года.
Мобильный софт: Да, построенный для повышения производительности и включающий сенсорные события/мультитач
Интересные возможности: расширяемая система плагинов, настроенная на производительность. JSON api, программируемый для интерактивности
-
RGraph: замечательное решение, специально предназначенное для решения проблем производительности и мобильных устройств. У них есть целая страница, разбирая, как они достигают превосходной производительности.
-
JSXGraph: сравнительная статья 13 Графики и графики, содержащие плагины javascript, гласят, что "особое внимание было уделено оптимизации производительности". Однако я ничего не видел на сайте о поддержке сотовой связи.
-
Возможно, вы захотите посмотреть на них:
http://jsperf.com/search?q=chart
Единственное, что я вижу там, которое будет использовать для вас, - это флот против. raphael, однако. Конечно, вы всегда можете попытаться построить поверх этого и написать свои собственные тесты для других интересующих вас библиотек.
через fooobar.com/questions/193870/...
-
К сожалению, Сравнение графиков и диаграмм Javascript не имеет критериев производительности, но я думал, что это может быть полезно.
-
Другое через r/programming: https://canvasjs.com
Дополнительно: Производительность JavaScript на мобильных устройствах
Ответ 2
Вот еще одна высокопроизводительная библиотека диаграмм, называемая CanvasJS
Он отображает более 100 000 данных в 100-200ms. Поскольку он основан на Canvas, он работает на большинстве современных устройств.
Ответ 3
У меня был отличный опыт работы с графической библиотекой Highcharts с большими наборами данных (до 10000 точек). Он использует SVG и VML для рендеринга, что намного быстрее, чем решения на основе холста. Кроме того, поскольку он не использует флеш-память, он будет работать на большинстве мобильных устройств.
Ответ 4
Отъезд dygraphs, у него есть впечатляющая демонстрация. Протестировал его ненадолго на телефонах, чувствует себя хорошим человеком.
См. также сравнение соответствующих проектов.