grafica vertical

chalchis · #1 (**permalink**) 29/11/2006, 12:28

hola amigos ando como loko buscando la forma de graficar y encontre este sitio http://www.lutanho.net/diagram/index...p_and_asp.html
para hacer graficas pero tengo un problema como le podre hacer para incrustar dos barras por mes para indicar un total por mes y un total por
X departamento de ese mismo mes

espero se pueda manipular
o si saben de algun scrip para hacer barras verticales

gracias
saludos

caricatos · #2 (**permalink**) 29/11/2006, 13:38

Hola:

La verdad es que no conozco ningún script, pero la parte teórica se me ocurre que sea una capa (div) con posición relativa y dentro las capas que se correspondan con posición absoluta, y los estilos width como el porcentaje de dividir 100 por el número de columnas (para 4 = 25%)... el height al 100%... y dentro de cada una de esas columnas capas otras capas con width al 100%, left=0 y el top y height que sumen 100... (en porcentaje)...

Un ejemplillo:

Código:

<html>
<body >
<div style="width: 100px; height: 100px; border: 1px solid gray; position: relative">

<div style="width: 25%; height: 100%; position: relative; top: 0; left: 0">
<div style="width: 100%; height: 30%; background-color: yellow; position: absolute; top: 70%; left: 0">
</div>
</div>

<div style="width: 25%; height: 100%; position: absolute; left: 25%; top: 0">
<div style="width: 100%; height: 70%; background-color: red; position: relative; top: 30%">
</div>
</div>

<div style="width: 25%; height: 100%; position: absolute; left: 50%; top: 0">
<div style="width: 100%; height: 50%; background-color: blue; position: relative; top: 50%;">
</div>
</div>

<div style="width: 25%; height: 100%; position: absolute; left: 75%; top: 0">
<div style="width: 100%; height: 80%; background-color: lime; position: relative; top: 20%">
</div>
</div>


</div>
</body>
</html>

Espero que te sirva...

Saludos

chalchis · #3 (**permalink**) 29/11/2006, 13:45

hola caricatos esta muy padre el script como le podria poner datos en los ejes X y Y???

se podria?

saludos
espero tus comentarios

caricatos · #4 (**permalink**) 29/11/2006, 14:02

Hola:

Bueno, no es ningún script, sino una especie de teoría (yo diría consideraciones teóricas)...
Este tipo de cosas son bastante trabajosas, pero no imposibles... siguiendo con la teoría, con respecto al eje x no lo encuentro difícil, pero con el eje y lo veo más complicado...

Si la capa de la gráfica la ponemos dentro de otra capa un poco mayor, se podría posicionar una capa con el texto que quieras (limitado en el tamaño)... pero para el texto vertical, se desbordaría... los textos no pueden inclinarse... y si no quieres usar otro lenguaje (en php por ejemplo, se podría crear un dibujo con el texto y rotarlo...) por tanto habría que separar las letras e insertarles saltos de línea... (en eso no tengo ejemplos... pero la teoría la veo un pelín compleja.

Saludos