mostrar API de gráficos JavaScript de alto rendimiento para aplicaciones móviles a través de HTML




manipular imagenes con javascript (4)

He tenido excelentes experiencias con la biblioteca de gráficos de Highcharts con grandes conjuntos de datos (hasta 10000 puntos). Utiliza SVG y VML para renderizar, que es mucho más rápido que las soluciones basadas en lienzo. Además, como no usa el flash, funcionará en la mayoría de los dispositivos móviles.

Estoy trabajando en una aplicación móvil multiplataforma a través de MoSync. En cuanto a un gráfico de JavaScript para mostrar los datos provienen de Bluetooth en el dispositivo móvil, necesito una API de gráficos de JavaScript que tenga una velocidad y un rendimiento de representación muy altos. Debería ser lo suficientemente rápido como para dibujar / volver a dibujar / actualizar el gráfico, ya que los datos se inyectarán en la vista web. AFAIK de probar un par de API, la inyección de datos reduce la velocidad en las aplicaciones móviles. FFI, los siguientes puntos podrían ser útiles para mostrar qué tan rápido debe ser el gráfico para funcionar sin problemas en la aplicación.

  1. Actualización: cada 500ms o posiblemente 250ms
  2. Nuevos datos por actualización: tres matrices con tamaño 50 para tres series
  3. Recorrido de datos (de Bluetooth a API de gráfico): API de gráfico c ++ >> UI (HTML) >> WebView >>

Tenga en cuenta que conozco toneladas de API de gráficos de JavaScript disponibles; sin embargo, necesito un consejo que haya considerado la situación explicada.



A continuación encontrarás mi investigación. Con suerte, esto te ayuda a encontrar una solución.

  1. La comparación de las bibliotecas de visualización de datos de JavaScript dice específicamente que flotr2 está diseñado para el rendimiento. Fue publicado en junio de 2012.

    Apto para dispositivos móviles: Sí, creado para el rendimiento e incluye eventos táctiles / multitáctiles

    Funciones interesantes: marco de complemento extensible, ajustado para el rendimiento. APIS JSON, programable para la interactividad

  2. RGraph : solución notable que aborda específicamente el rendimiento y los problemas móviles. Tienen una página completa que analiza cómo logran un rendimiento superior.

  3. JSXGraph : el artículo de comparación 13 Gráfico y gráfico que traza los complementos de JavaScript indica que "se ha tenido especial cuidado en optimizar el rendimiento". Sin embargo, no vi nada en el sitio sobre soporte móvil.

  4. Es posible que desee echar un vistazo a estos:

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

    Sin embargo, el único que puedo ver que podría ser de utilidad para ti es flot vs. raphael. Por supuesto, siempre puedes intentar construir sobre eso y escribir tus propias pruebas para otras librerías que te interesen.

    a través de https://.com/a/9900526/1085891

  5. Desafortunadamente, la comparación de las bibliotecas de Gráficos y Gráficas de Javascript no tiene un criterio de rendimiento, pero pensé que podría ser útil.

  6. Otra vía r / programación: https://canvasjs.com

Extra: rendimiento de JavaScript en dispositivos móviles


Aquí hay otra biblioteca de canvasjs.com alto rendimiento llamada canvasjs.com

Representa más de 100.000 puntos de 100-200ms en 100-200ms . Debido a que está basado en Canvas, funciona en la mayoría de los dispositivos modernos.





charts