Высокопроизводительный 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, у него есть впечатляющая демонстрация. Протестировал его ненадолго на телефонах, чувствует себя хорошим человеком.

См. также сравнение соответствующих проектов.