Bibliotecas de gráficos web para dispositivos móviles, nuestra propia investigación

Question

Estamos buscando una buena biblioteca basada en JavaScript para una aplicación de gráficos web que se nos ha pedido que hagamos. Los gráficos serán accesibles y, de hecho, sería bueno interactuar con ellos a través de dispositivos móviles (iOS, Android y similares). El usuario podrá profundizar en algunos conjuntos de datos, de modo que cuanto más ágil (tanto procesando gráficos como cargando datos) y cuanto más interactivo, mejor.

Hoy en día, existen innumerables opciones y muchos aspectos a tener en cuenta. Basado en mi investigación, he reunido la siguiente lista. Las disculpas de antemano por cualquier error, no se pretende que sea 100% completa o precisa .. pero creo que sigue siendo útil:

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

¿Cuál es su opinión? ¿Tienes alguna experiencia en ese tipo de aplicación? Tal vez algún candidato me estoy perdiendo?

Estamos reduciendo la elección, pero todavía no estoy seguro de cuál es la mejor opción. Algunas preguntas que aparecen en mi mente:

• Diferentes formas de renderizar el gráfico (lienzo SVG/VML contra HTML 5). ¿Cuál es más adecuado para navegadores en dispositivos móviles? ¿Cuál es más adecuado para la interacción del usuario?
• Que se vea bien. ¿Qué bibliotecas permiten modificar fácilmente la apariencia? ¿CSS es realmente poderoso para esto?

Answer 1

En primer lugar, si la compatibilidad con dispositivos móviles es imprescindible para ti, descarta SVG como solución. No es ampliamente compatible. Canvas, por otro lado, no es compatible con las versiones anteriores de IE, pero se puede simular a través de VML con el exCanvas.js library.

Para que se vea bien, CSS no tiene nada que ver con estas bibliotecas. CSS afecta a los elementos DOM, y el contenido del lienzo es datos binarios. Canvas es, como dice la palabra, un lienzo en blanco para dibujar a través de una API de Javascript. Una vez que dibuja una línea en un elemento canvas, esa información es solo píxeles en el lienzo.

Por cierto, es una buena lista la que ha recopilado, y estoy bastante seguro de que es bastante completa. El único intruso en él es Dundas. En primer lugar, es una biblioteca .Net y genera los gráficos en el servidor. En segundo lugar, está en desuso. Dundas ya no está vendiendo componentes, están totalmente comprometidos con la solución de sus tableros.

Espero que ayude.

Answer 2

He elegido Flot para varios proyectos y ha funcionado bien. Está bien documentado con muchos ejemplos, configurable, se ve muy bien y es extensible. Depende de jQuery.

Answer 3

se ha perdido a cabo Sencha Touch

Answer 4

También puede ser que desee agregar a su lista de dhtmlxChart.

Es una biblioteca de gráficos basada en Canvas que admite diferentes tipos de gráficos: línea, pie, área, barra, radar, etc. dhtmlxChart se distribuye bajo GPL v2 (se necesita licencia comercial para usarlo en un proyecto propietario).

(Negación: Yo trabajo para DHTMLX)

Answer 5

sé que esto es una cuestión de edad, pero tuvimos que hacer una investigación similar recientemente.

Concentramos nuestro estudio en las bibliotecas de gráficos móviles (Android e iOS, nativas o híbridas -con Córdova-) que admiten gráficos de línea/área. Toda la información se ha recopilado de los sitios web de las respectivas bibliotecas de gráficos y aún no se ha realizado ninguna prueba personal.

Aquí está el resultado:
https://goo.gl/0tVC6a

espero que ayude.