diagrama

nosek159 · #1 (**permalink**) 19/10/2009, 13:48

Hola a todos,

Quiero hacer un diagrama (creo q se llama asi) para representar N dentro de un rango de numeros entre X e Y. x ejemplo: x=0, y=10, n=3.

|_|_|_|_|_|_|_|_|_|_|
0-----3---------10

suponiendo q eso es una barra q va desde 1 hasta 10 rellenaria las casillas hasta tener 3.

Se puede hacer eso con php? como?

abimaelrc · #2 (**permalink**) 19/10/2009, 13:50

Vas a tener que explicar un poco más lo que deseas hacer.

kaninox · #3 (**permalink**) 19/10/2009, 14:01

yes a explicar no veo la relacion entre x y n
y tu barra :/ que llega hasta 3 el 10 y el cero :P

saludos

nosek159 · #4 (**permalink**) 19/10/2009, 15:03

xdon x la explicacion tan mala, me refiero a esto:

img18.imageshack.us/img18/3061/dibujowv.jpg

(siento no poderlo poner como imagen pero aun no tengo 30 mensajes :( )

x=0 (inicio)
y=10 (fin)
n=3 (numero a representar)

abimaelrc · #5 (**permalink**) 19/10/2009, 15:11

Vas recorriendo en un loop (for, while, do while), la informacion y cuando se encuentre mayor que la cantidad mencionada aparezca vacio. Ejemplo usando imagenes.

Código PHP:

Ver original$n=3;
for($i=0; $i<=10;$i++){
  if($i<=$n){
    echo "<img src='cuadroLleno.jpg' />";
  }else{
    echo "<img src='cuadroVacio.jpg' />";
  }
}

nosek159 · #6 (**permalink**) 20/10/2009, 03:40

mmm eso funcionaria pero no es exactamente lo q quiero xk digamos q x sera 0 pero y sera 900 y el numero a representar uno entre ese rango entonces la barra saldria muy larga, yo lo q quiero es q la barra tenga un tamaño fijo valgan lo q valgan las variables y q represente el numero entre esas 2 variables.

En concreto es para una barra de vida de un juego q estoy haciendo, el usuario tendra 1000 de vida maxima, como minimo 1 y quiero representar la vida actual en esa barra x ejemplo 750.

Gracias por responder tan rapido.

abimaelrc · #7 (**permalink**) 20/10/2009, 12:20

Pues en vez de establacer que sume a 1 sumalo por 10. Tu estableces el valor que quieras, ejemplo

Código PHP:

Ver original$n=90;
for($i=10; $i<=100;$i++){
  if($i<=$n){
    echo "<img src='cuadroLleno.jpg' />";
  }else{
    echo "<img src='cuadroVacio.jpg' />";
  }
}

En vez de escribir un numero directo en la variable $i puedes usar la variable de $_GET o $_POST para que haga lo que quieres

nosek159 · #8 (**permalink**) 20/10/2009, 16:04

si, eso funciona pero no cambia q quede una barra muy larga, con ese script pintaria 90 cuadritos. Pero si el maximo a representar es 1000 y tiene 100 q tiene q hacer pintar 100 cuadros llenos y 900 vacios?

Yo me referia a hacer algo parecido al siguiente escript q vi en un tutorial. Aunque no me queda muy claro lo que hace es dibujar 3 barras midiendo el % de gente q a votado para cada sistema operativo (aunque en el tutorial funciona a mi me salta el siguiente error: Fatal error: Call to undefined function: imagecreate() in W:\www\prueba\SHOW_POLL.PHP on line 72
archivo vote.html

Yo lo q queria era utilizar este sistema de creacion de barras pero para medir la vida.

Código HTML:

<html>
<head>
<title>Encuesta</title>
<head>
<body>
<h1>Sondeo</h1>
<p>¿Cuásl tu sistema operativo favorito?</p>
<form method=post action="show_poll.php">
<input type=radio name=vote value="Windows">Windows<br>
<input type=radio name=vote value="Linux">Linux<br>
<input type=radio name=vote value="Solaris">Solaris<br><br>
<input type=submit value="Mostrar Resultados">
</form>
</body>

archivo SHOW_POLL.PHP

Código PHP:

  <?

/*******************************************

  Petición a la base de datos para obtener la información de la encuesta

*******************************************/

// hacer log in en la base de datos

if (!$db_conn = @mysql_connect("localhost", "root", "root"))

{

  echo "No se puede conectar a la base de datos<br>";

  exit;

};

@mysql_select_db("web");

 
if (!empty($vote))  // Si han cubierto bien el formulario

{

  $vote = addslashes($vote);

  $query = "update poll_results

            set num_votes = num_votes + 1

            where candidate = '$vote'";

  if(!($result = @mysql_query($query, $db_conn)))

  {

    echo "No se ha podido conectar a la base de datos<br>";

    exit;

  }

};

 
// obtener los resultados actuales de la encuentas, independientemente de lo que haya votado

$query = "select * from poll_results";

if(!($result = @mysql_query($query, $db_conn)))

{

  echo "No se puede conectar a la base de datos<br>";

  exit;

}

$num_candidates = mysql_num_rows($result);

 
// calcular el número total de votos hasta ahora

$total_votes=0;

while ($row = mysql_fetch_object ($result))

{

    $total_votes +=  $row->num_votes;

}

mysql_data_seek($result, 0);  // resetear el resultado

 
 
/*******************************************

  Cálculo inicial para el gráfico

*******************************************/

// configurar constantes

$width=500;        // ancho de la imagen en pixeles - encajará en 640x480

$left_margin = 50; // espacio a dejar a la izquierda de la imagen

$right_margin= 50; // lo mismo para la derecha

$bar_height = 40;

$bar_spacing = $bar_height/2;

$font = "arial.ttf";

$title_size= 16; // puntos

$main_size= 12; // puntos

$small_size= 12; // puntos

$text_indent = 10; // posición para las etiquetas de texto a la izquierda

 
// configurar el punto inicial desde el cual dibujar

$x = $left_margin + 60;  // colocar la línea de base para dibujar del gráfico

$y = 50;                 // lo mismo

$bar_unit = ($width-($x+$right_margin)) / 100;   // un "punto" en el gráfico

 
// cálcula el alto del gráfico -  barras más espacios más el margen

$height = $num_candidates * ($bar_height + $bar_spacing) + 50;

 
/*******************************************

  Configurar la imagen base

*******************************************/

// crear un lienzo en blanco

$im = imagecreate($width,$height);

 
// Asignar colores

$white=ImageColorAllocate($im,255,255,255);

$blue=ImageColorAllocate($im,0,64,128);

$black=ImageColorAllocate($im,0,0,0);

$pink = ImageColorAllocate($im,255,78,243);

 
$text_color = $black;

$percent_color = $black;

$bg_color = $white;

$line_color = $black;

$bar_color = $blue;

$number_color = $pink;

 
// Crear "lienzo" para dibujar

ImageFilledRectangle($im,0,0,$width,$height,$bg_color);

 
// Dibujar borde en torno al lienzo

ImageRectangle($im,0,0,$width-1,$height-1,$line_color);

 
// Añadir Título

$title = "Resultados Sondeo";

$title_dimensions = ImageTTFBBox($title_size, 0, $font, $title);

$title_length = $title_dimensions[2] - $title_dimensions[0];

$title_height = abs($title_dimensions[7] - $title_dimensions[1]);

$title_above_line = abs($title_dimensions[7]);

$title_x = ($width-$title_length)/2;  // centrarlo en x

$title_y = ($y - $title_height)/2 + $title_above_line; // centrarlo en y

ImageTTFText($im, $title_size, 0, $title_x, $title_y,

             $text_color, $font, $title);

 
// Dibujar una línea de base un poco por encima de la primera localización de la barra

// a un poco por debajo de la última

ImageLine($im, $x, $y-5, $x, $height-15, $line_color);

 
/*******************************************

  Dibujar los datos en el gráfico

*******************************************/

// Obtener cada línea de los datos de la base de datos y dibujar las barras correspondientes

while ($row = mysql_fetch_object ($result))

{

  if ($total_votes > 0)

    $percent = intval(round(($row->num_votes/$total_votes)*100));

  else

    $percent = 0;

 
  // muestra el tanto por ciento para este valor

  ImageTTFText($im, $main_size, 0, $width-30, $y+($bar_height/2),

               $percent_color, $font, $percent."%");

  if ($total_votes > 0)

    $right_value = intval(round(($row->num_votes/$total_votes)*100));

  else

    $right_value = 0;

 
  // tamaño de barra para este valor

  $bar_length = $x + ($right_value * $bar_unit);

 
  // dibujar barra para este valor

  ImageFilledRectangle($im, $x, $y-2, $bar_length, $y+$bar_height, $bar_color);

 
  // dibujar título para este valor

  ImageTTFText($im, $main_size, 0, $text_indent, $y+($bar_height/2),

               $text_color, $font, "$row->candidate");

 
  // dibujar contorno mostrando 100%

  ImageRectangle($im, $bar_length+1, $y-2,

                ($x+(100*$bar_unit)), $y+$bar_height, $line_color);

 
  // mostrar números

  ImageTTFText($im, $small_size, 0, $x+(100*$bar_unit)-50, $y+($bar_height/2),

               $number_color, $font, $row->num_votes."/".$total_votes);

 
  // hacia abajo a la siguiente barra

  $y=$y+($bar_height+$bar_spacing);

}

 
/*******************************************

  Mostrar imagen

*******************************************/

Header("Content-type:  image/png");

ImagePng($im);

 
 
/*******************************************

  Limpiar

*******************************************/

ImageDestroy($im);

?>