Código de PHP - Gráficos de barras

Versión 1 con imagenes
estrellaestrellaestrellaestrellaestrella(9)

Actualizado el 20 de Junio del 2017 (Publicado el 6 de Febrero del 2002)gráfica de visualizaciones de la versión: Versión 1 con imagenes
25.155 visualizaciones desde el 6 de Febrero del 2002
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Lo que realiza, es coger una imagen y alargarla para adaptarla al gráfico. Para este código, debes disponer de 3 imágenes denominadas: cuador_rojo.gif, cuadro_verde.gif y cuadro_azul.gif de un tamaño de 20x20 pixels.

Mostrar ejemplo

grafico-barras
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
$anchura1=100;
$anchura2=40;
$anchura3=80;
?>
<table border=0 cellspacing=0 cellpadding=0>
	<tr>
		<td>
			<img src="cuadro_rojo.gif" width="<?php echo $anchura1?>" height="20">
		</td>
	</tr>
	<tr>
		<td>
			<img src="cuadro_verde.gif" width="<?php echo $anchura2?>" height="20">
		</td>
	</tr>
	<tr>
		<td>
			<img src="cuadro_azul.gif" width="<?php echo $anchura3?>" height="20">
		</td>
	</tr>
</table>



Comentarios sobre la versión: Versión 1 con imagenes (9)

Hugo
14 de Diciembre del 2003
estrellaestrellaestrellaestrellaestrella
Este cdgo. es el más simple que he visto, pues no hace nada fuera de lo común o es que no mostraron todo el cdgo. completo. Les recomiendo colocar unos <input type=\"text\"> donde se pueda introducir los valores que luego puedan ser mostrados por el programa. Asi como esta no sirve para nada.
Hugo
Responder
kalimansurf
23 de Julio del 2004
estrellaestrellaestrellaestrellaestrella
Esta muy bien este codigo, sencillo y son pocas lineas de codigo.... se puede emplear sin problemas en scripts mas complejos, claro, hay ke adampralo al problema.
Esta muy bien este codigo..!!!!!
Responder
Dagoberto Bettanourt Madrid
26 de Agosto del 2004
estrellaestrellaestrellaestrellaestrella
Llevo tiempo trabajando con php y la verdad es que encuentro el script imaginativo y simple bien por el creador y mal por el flojo que lo encontró malo.
Responder
Maikel fernandez
18 de Noviembre del 2004
estrellaestrellaestrellaestrellaestrella
me parece que es un código muy bueno, sobre todo muy ingenioso.
Responder
Pato
6 de Febrero del 2005
estrellaestrellaestrellaestrellaestrella
Encuentro ke tu codigo esta super bueno ...es simple ,ingenioso y super adaptable ... lo bueno no siempre es lo mas complicado
ahhh y hugo ... esto es una solucion a un problema concreto... no kreo ke sea necesario incluir un formulario ya ke no cuesta nada hacer uno ....no seas flojo
Responder
lucho
9 de Marzo del 2015
estrellaestrellaestrellaestrellaestrella
super bueno el código,,,, se adapta a lo que uno quiera..
Responder
jose
8 de Enero del 2016
estrellaestrellaestrellaestrellaestrella
Muy bueno, lo probe en la intranet que estoy haciendo y queda de lujo.
Ahora el jefe lo quiere en vertical en vez de horizontal, je je je.
Responder
jimi
25 de Abril del 2017
estrellaestrellaestrellaestrellaestrella
No me funcionaba hasta que dí con el error, sustituir la siguiente línea por ésta

<img src="cuadro_azul.gif" width= <?php echo $anchura3 ?> height=20>

Saludos
Responder
jimi
25 de Abril del 2017
estrellaestrellaestrellaestrellaestrella
Espero no se me considere como spam, no es mi intención.
Aquí os copio el código que he "modificado" con unos mínimos cambios.

Ejemplo de codigo.php para graficos horizontales:

<?php

$anchura1=80;
$anchura2=100;
$anchura3=120;
$anchura4=140;


$altura1=20;
$altura2=20;
$altura3=20;
$altura4=20;

?>
<table border=0 cellspacing=0 cellpadding=0>

GRÁFICAS HORIZONTALES

<br></br>

<tr>
<td>
<img src="cuadro_verde.gif" width= <?php echo $anchura1 ?> height= <?php echo $altura1 ?> >

</td>
</tr>


<tr>
<td>
<img src="cuadro_rojo.gif" width= <?php echo $anchura2 ?> height= <?php echo $altura2 ?> >

</td>
</tr>



<tr>
<td>
<img src="cuadro_azul.gif" width= <?php echo $anchura3 ?> height= <?php echo $altura3 ?> >
</td>
</tr>

<tr>
<td>
<img src="cuadro_verde.gif" width= <?php echo $anchura4 ?> height= <?php echo $altura4 ?> >
</td>
</tr>
</table>



### ejemplo de código.php para gráficas verticales
<?php

$anchura1=40;
$anchura2=40;
$anchura3=40;
$anchura4=40;


$altura1=120;
$altura2=150;
$altura3=170;
$altura4=190;



?>
<table border=0 cellspacing=0 cellpadding=0>

GRÁFICAS VERTICALES
<br></br>
<tr>
<td>
<img src="cuadro_verde.gif" width= <?php echo $anchura1 ?> height= <?php echo $altura1 ?> >
<img src="cuadro_rojo.gif" width= <?php echo $anchura2 ?> height= <?php echo $altura2 ?> >
<img src="cuadro_azul.gif" width= <?php echo $anchura3 ?> height= <?php echo $altura3 ?> >
<img src="cuadro_verde.gif" width= <?php echo $anchura4 ?> height= <?php echo $altura4 ?> >

</td>
</tr>
</table>
Responder

Comentar la versión: Versión 1 con imagenes

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

Versión 2 con estilos
estrellaestrellaestrellaestrellaestrella(4)

Actualizado el 14 de Junio del 2017 (Publicado el 25 de Abril del 2017)gráfica de visualizaciones de la versión: Versión 2 con estilos
15.063 visualizaciones desde el 25 de Abril del 2017
http://lwp-l.com/s56