Como realizar graficos de barras verticales y horizontales usando puro ASP

Escrito por Mauro Rondinelli el Martes 04 de Diciembre de 2001 a las 00:00hs

La idea es realizar graficos de barras horizontales y verticales, podemos utilizar estos graficos para mostrar estadisticas o resultados de encuestas o votaciones de forma mas vistosa, para que vean como quedaria este ejemplo aplicado les muestro este grafico...

Codigo Fuente

Grafico Horizontal







<% Dim ancho

ancho = 240
Response.Write ("")
%>

<%
ancho = 140
Response.Write ("")
%>


<%
ancho = 270
Response.Write ("")
%>


El codigo ASP si se fijan esta mezclado con una tabla de 3 renglones (rows) y una columna (cols) oviamente si queremos hacer un grafico horizonal debemos colocar las imagenes en los renglones de la tabla e ir modificando mediante codigo ASP su propiedad "width"...

<% Dim ancho

ancho = 240
Response.Write ("")
%>

Observen que "ancho" es una variable a la cual le dimos un valor de 240, y de que sirve? quizas a simple vista no se dan cuenta pero esa variable "ancho" puede ser el valor de un campo que hay en una base de datos el cual puede ir cambiando dinamicamente segun el contexto, por ejemplo si trabajamos con un sistema de votacion el valor de "ancho" seguramente ira variando a lo largo que se van desarrollando las votaciones. Quizas les sea mas comodo un grafico vertical, pues aqui el codigo...

Grafico Vertical









<% Dim alto
alto = 120
Response.Write ("")
%>

<%
alto = 54
Response.Write ("")
%>

<%
alto = 60
Response.Write ("")
%>


Aqui es lo mismo que en el grafico anterior pero en ves de poner los graficos en los 3 renglones creamos una tabla de 1 renglon y 3 columnas y en estas colocamos los graficos, otro cambio es que en ves de modificar la propiedad "width" modificamos "height".

Si hacen click aqui se puede bajar el codigo fuente completo.


comentarios



  1. Buen truco... funciona



  2. todos son unos inutiles



  3. hola lentos



  4. samuel eto.o



  5. metalen a eso cosas buenas lentos

agregar comentario


Se permiten las etiquetas HTML , y

. Si ingresa alguna direcci?n web o direcci?n de email ser?n convertidos en enlaces autom?ticamente.





publicidad

API DE FACEBOOK
GOOGLE CALENDAR API
GOOGLE MAPS API