Gráficos Online personalizados en tiempo real

Disponibles para: Periódicos Digitales, Blogs, Webs…



El proceso de carga puede durar varios segundos..



El proceso de carga puede durar varios segundos..



El proceso de carga puede durar varios segundos..



El proceso de carga puede durar varios segundos..



El proceso de carga puede durar varios segundos..



El proceso de carga puede durar varios segundos..

Medios en los que hemos aparecido

Cómo implementar los gráficos personalizados de Atribus

en mi Web de forma sencilla

Te ofrecemos dos formas distintas de implementar en tu web nuestros gráficos sobre el 26J:

– A través de un iframe (¿Qué es un iframe?):

Esta opción es la más sencilla, ya que con tan sólo una línea de código podremos insertar uno de los gráficos creados por Atribus para las Elecciones de este 26J.
Los gráficos se ajustarán de manera automática al tamaño de la sección de tu Web dónde insertes el código.

A continuación, os mostramos como implementar de forma gratuita nuestros gráficos en tu Web

Gráfico Lineal del 26J

Gráfico de Sectores del 26J

– A través de un script (¿Qué es un script?):

Esta opción requiere más conocimientos de desarrollo web, pero no muchos más que para la opción del iframe.
La ventaja de esta opción frente a la anterior es que no depende de nuestra Web para funcionar, la “desventaja” por llamarlo de alguna manera, es que requiere algunas líneas más de código para hacer funcionar los gráficos.
Lo primero de todo es tener añadidas estas dos librerías en nuestro código HTML (Click aquí para ver como hacerlo)
Librería jQuery (Si no la tenemos ya): http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
Libreria de Atribus: http://www.atribus.com/charts-lab/integration/libraries/atribus_printer_library.js
Una vez las tengamos añadidas a nuestro código HTML, deberemos añadir este bloque de código dentro de una etiqueta script:

printThisChart(“pie”,”chart-01″);

Este método nos permite cambiar entre el gráfico de estilo ‘Column’ y el de tipo ‘Pie’ con el mismo código, tan sólo debemos de cambiar el valor “line” por “pie” y viceversa para elegir el gráfico que queremos mostrar.
El valor que aparece debajo es el ID del contenedor del gráfico, en nuestro caso “chart-01” dado que nuestro contenedor en HTML es un div con clase chart-01