hs.lang = { cssDirection: 'ltr', loadingText: 'loading...', loadingTitle: 'click to cancel', focusTitle: 'click to bring to front', fullExpandTitle: 'expand to original size', creditsText: 'powered by Highslide JS', creditsTitle: 'visit Highslide JS website', previousText: 'previous', nextText: 'next', moveText: 'move', closeText: 'close', closeTitle: 'close (ESC)', resizeTitle: 'resize', playText: 'play', playTitle: 'play slideshow (SPACEBAR)', pauseText: 'pause', pauseTitle: 'pause slideshow (SPACEBAR)', previousTitle: 'previous (ARROW LEFT)', nextTitle: 'next (ARROW RIGHT)', moveTitle: 'move', fullExpandText: 'fullscreen', number: 'picture %1 of %2', restoreTitle: 'Click to close image, click und drag to move. Use ARROW keys for previous and next.' };
Inicio > General > Cambio de charts de YUI a GOOGLE..!!

Cambio de charts de YUI a GOOGLE..!!

Google tambien implementa charts y como ya hemos utilizado YUI para la generacion de las tablas de las consultas, hemos optado por probar los charts de GOOGLE..!!

Primero revisamos un poco el API de los charts en: http://code.google.com/apis/charttools/ para el proyecto hemos decidido utilizar los Image Charts.

En la consulta de los Gastos por Categoria usando esta tecnologia obtenemos el siguiente grafico:

gascat

En la consulta de los Gastos por Categoria y Mes usando esta tecnologia obtenemos el siguiente grafico:

gascatmes

Para hacer esto «jugamos» un poco con el Code Playground… que nos genera ya el codigo para usar los charts..!!

colunmchart

Categories: General Tags:
  1. Sin comentarios aún.
  1. Sin trackbacks aún.


Ir a la barra de herramientas