google fusioncharts ejemplos chart bootstrap javascript html5 mobile charts svg

javascript - fusioncharts - highcharts



Web charting libraries for mobile, nuestra propia investigación (5)

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 considerar. Basado en mi investigación, he reunido la siguiente lista. Disculpas de antemano por cualquier error, no está destinado a ser 100% completo o preciso ... pero creo que sigue siendo útil:

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

¿Cuál es tu 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 versus 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?

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

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 recopiló, 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

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

Es posible que también desee agregar dhtmlxChart a su lista.

Es una biblioteca de gráficos JavaScript 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 una licencia comercial para usarlo en un proyecto propietario).

(Descargo de responsabilidad: yo trabajo para DHTMLX)

Sé que esta es una vieja pregunta, pero tuvimos que hacer una investigación similar recientemente.

Enfocamos 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.

Este es el resultado:
https://goo.gl/0tVC6a

Espero que ayude.