José Florido Hace poco Google presentó un API para crear gr á ficos y hablamos de ello en este blog. Esta nueva API hace muy sencillo a los desarrolladores incluir grá ficos en sus aplicaciones. U n tipo de gr á fico muy interesante en aplicaciones que requieran mostrar datos visualmente son las sparklines. Estos gr á ficos fueron definidos por Edward Tufte como peque ñ os gr á ficos, intensos en datos y simples en dise ñ o. Su uso en aplicaciones web ha ido en aumento, especialmente en cuadros de mando o aplicaciones que requieran mostrar la evoluci ó n de varias variables al mismo tiempo. U n ejemplo de aplicaci ó n que hace muy buen uso de estos gr á ficos es Google Analytics . En el dashboard de Analytics se puede consultar de un vistazo la evoluci ó n de un conjunto de variables gracias al uso de sparklines. Captura de pantalla de Google Analytics, donde se muestran cuatro sparklines:
Por el momento la API no dispone de un tipo de grá fico espec í fico para crear sparklines pero a ú n as í podemos usar un peque ñ o truco para crearlas.
El truco consiste en definir un gr á fico de tipo l í nea (cht=lc), a ñ adirle los ejes X e Y (chxt=x,y) y luego utilizar el par á metro de estilo para los ejes para esconderlos. El par á metro de estilo de los ejes (chxs) nos permite definir el color, el tipo de letra y la alineaci ó n. Si al ú ltimo par á metro de chxs le asignamos el valor "_" indicamos a la API que no dibuje las l í neas de los ejes. Adem á s para que funcione correctamente debemos darle un valor de "1" al tama ñ o de texto de los ejes X e Y.
Aqu í ten é is un ejemplo de sparkline sencilla (pod é is consultar la url mirando el src de la imagen):
Este es un ejemplo de sparkline.
Otro ejemplo m á s intenso en datos, incluyendo un á rea de referencia con un color de fondo y marcando valores concretos:
Este es un ejemplo de sparkline m á s complejo.
Un ú ltimo ejemplo, sparklines al estilo Google Analytics:
Este es un ejemplo de sparkline al estilo de Google Analytics.
Para terminar, recomendaros una herramienta para jugar un poco con la API y que adem á s incluye sparklines: Google Charting Tool.
Hola, he estado leyendo sobre crear graficos en php, incluso he realizado unos cuantos experimentos creandolos, pero siempre los hago de pastel, ahora gracias a esta herramienta podre crear graficos para las visitas, ingresos y demás, la verdad está muy útil para cuando se trabaja en administradores de sistemas en linea, para "rellenar un poco el dashboard".
ReplyDeleteMuchas Gracias de verdad muy bueno!
童裝批發
ReplyDelete童裝
童裝
酒店喝酒
暑假打工
寒假打工
酒店
酒店經紀人
酒店現領
酒店經紀爆米花
酒店上班PRETTY GIRL
酒店小姐
酒店兼職
禮服店
酒店經紀
酒店兼差
酒店打工
酒店上班
假日打工
台北酒店經紀
童裝批發