Wysokowydajny wykres JavaScript API dla aplikacji mobilnych za pomocą HTML

Question

Pracuję nad wieloplatformową aplikacją mobilną za pośrednictwem MoSync. Odnośnie wykresu JavaScript do wyświetlania danych pochodzą z Bluetooth w urządzeniu mobilnym, potrzebuję API wykresu JavaScript, który ma bardzo wysoką szybkość renderowania i wydajność. Powinien być wystarczająco szybki, aby rysować/przerysowywać/aktualizować wykres, ponieważ dane będą wstrzykiwane do widoku WWW. AFAIK z testowania kilku interfejsów API, wtrysk danych zmniejsza szybkość w aplikacjach mobilnych. FFI, następujące punkty mogą być pomocne, aby pokazać, jak szybki powinien być wykres, aby działał płynnie w aplikacji.

1. Aktualizacja: każdy 500ms lub ewentualnie 250ms
2. Nowe dane na aktualizacji: trzy matryce o rozmiarze 50 dla trzech serii
3. danych przechodzić (z Bluetooth do wykresu API): C++> > UI (HTML) >> WebView >> wykres API

Zauważ, że znam mnóstwo dostępnych interfejsów API wykresów JavaScript, jednak potrzebuję porady, która rozważył wyjaśnioną sytuację.

Answer 1

Poniżej znajdują się moje badania. Mamy nadzieję, że pomoże to znaleźć rozwiązanie.

1. Comparison of JavaScript Data Visualization Libraries specjalnie mówi, że flotr2 jego osiągi. Został on wysłany w czerwcu 2012.

   Komórka przyjazny: Tak, zbudowany pod kątem wydajności i obejmuje wydarzenia touch/Multi-Touch

   Ciekawe cechy: rozszerzalny ramowych wtyczki, dopasowane do wydajności. JSON API, programowalne dla interaktywności

2. RGraph: Znani rozwiązanie, które w szczególny sposób zajmuje wydajność i kwestie mobilnych. They have a whole page breaking down how they achieve superior performance.

3. JSXGraph: Artykuł porównawczy 13 Chart and Graph plotting javascript plugins stwierdza, że ​​"szczególną uwagę zwrócono na optymalizację wydajności." Jednak nie widziałem na tej stronie żadnych informacji o obsłudze urządzeń mobilnych.

4. Czasami warto spojrzeć na nich:

   http://jsperf.com/search?q=chart

   Jedynym mogę tam zobaczyć, że byłoby Jakiekolwiek użycie dla was jest flot vs. Raphael, choć. Oczywiście zawsze możesz spróbować zbudować na tym i napisać własne testy dla innych bibliotek, które Cię interesują.

   poprzez https://stackoverflow.com/a/9900526/1085891

5. Niestety Javascript Graphs and Charts libraries porównanie nie ma kryteriów skuteczności, ale pomyślałem, że może nadal być pomocne.

6. Innym poprzez obr/programowanie: https://canvasjs.com

Extra:JavaScript Performance On Mobile Devices

Answer 2

Mam doskonałe doświadczenia z biblioteką wykresów Highcharts z dużymi zbiorami danych (do 10000 punktów). Wykorzystuje SVG i VML do renderowania, który jest znacznie szybszy niż rozwiązania oparte na płótnie. Dodatkowo, ponieważ nie korzysta z lampy błyskowej, będzie działać na większości urządzeń mobilnych.

Answer 3

Oto kolejny High Performance wykresów Biblioteka nazywa CanvasJS

świadczy ona ponad 100 tysięcy punktów danych w 100-200ms. Ponieważ jest oparty na Canvas, działa na większości nowoczesnych urządzeń.

Answer 4

Zapoznaj się z dygraphs, ma imponujące demo. Testowałem to krótko na telefonach, czuję się dobrym człowiekiem.

Zobacz także comparison of relevant projects.