jump to navigation

Grafico de Barras Dinamico con SmartForms julio 14, 2008

Posted by gstortoni in SmartForms.
Tags: , , , , , ,
5 comments

hace algun tiempo atras, me toco la tarea de mostrar un grafico de consumo para una boleta, el tema fue que me pidieron hacerlo en smartforms y que ademas, tenia el detalle de que este grafico, debia ser Dinamico.

Bueno, mi primer idea fue simplemente colocar imagenes dinamicas, pero me pidieron que consumiera recursos del procesador mejor, para generar dicho grafico, y no tener que hacer llamadas a las imagenes

En fin, comence a pensar como podria hacerlo, bueno luego de muchos intentos fallidos, llegue a una solucion muy bonita y muy simple jejeje

ingredientes:
Una ventana y 2 tablas.

Preparacion:
Primero, debemos crear la ventana, luego agregar ambas tablas… con la salvedad que una, debe estar justo encima de la otra. Entonces, la gracia de todo esto, es hacer que las tablas sean inversamente proporcionales al 100%, osea, si la tabla de arriba, crece un 35%, la de abajo, debe crecer un 65%, si la de arriba crece un 80%, la de abajo un 20%.

cosa a tener en mente, es que la tabla en un smartform, siempre crece hacia ABAJO.

Entonces, lo que tenemos que hacer, una vez que se ha entendido la idea (que en realidad es lo mas complejo) es lo siguiente, a la tabla de arriba, la llamaremos transparente y a la tabla de abajo la llamaremos tabla relleno, como se daran cuenta, la tabla de abajo es la que finalmente nos mostrara el grafico de barra, mientras que la de arriba es la que la desplaza siempre hacia abajo la de relleno.

A la tabla de relleno, le pondremos un color de fondo Gris, verde o lo que ustedes necesiten y si quieren un borde tambien.

se preguntaran, ahora como hacemos crecer las tablas, bueno, yo lo hice creandole un texto ( un punto .) color blanco MUY chico y con interlineado tambien muy chico, para que me acomodara en el espacio que tenia para el grafico de barras, la idea es escribir esto en cada tabla:

. \
.   – Tabla Transparente
. /

. \
.
.      Tabla de Relleno
.
. /

entonces, por el medio que a ustedes mas les acomode, definan el porcentaje para cada una de las tablas, osea, si la primer tabla tiene 3 puntos, y se que el total que puedo tener son 8, a la segunda tabla de relleno, le escribo 5 puntos.

Eso ya es tarea de ustedes 🙂

cuando tenga mas tiempo, agregare imagenes, para que los vean, realmente solo tienen que entender bien la idea de las 2 tablas y el resto sera pan comido

PD: Todos los acentos han sido obviados forzadamente, ya que no se como hacerlos en este maldito teclado en ingles 😀

Anuncios