Foros del Web » Creando para Internet » CSS »

Grafico de barras en tabla

Estas en el tema de Grafico de barras en tabla en el foro de CSS en Foros del Web. Buenos días, necesito ayuda en un proyecto que estoy realizando. Consiste en una tabla para presentar estadísticas con un gráfico de barras en el lateral. ...
  #1 (permalink)  
Antiguo 18/11/2010, 06:37
 
Fecha de Ingreso: febrero-2010
Ubicación: Bizkaia
Mensajes: 22
Antigüedad: 7 años, 9 meses
Puntos: 0
Grafico de barras en tabla

Buenos días, necesito ayuda en un proyecto que estoy realizando.
Consiste en una tabla para presentar estadísticas con un gráfico de barras en el lateral.
Para hacerlo normalmente no tengo problema, cargo los datos con javascript y dibujo la tabla, el gráfico lo dibujo en una celda mediante una imágen GIF y le voy dando el tanto por ciento a rellenar.
El problema viene porque estoy intentando meter dos barras continuas con sus respectivos textos de esta manera:

1º color texto 2º color texto
XXXXXXXXXXXXX 10%XXZZZZZZZZZZ 4% ZZ

De esta forma consigo que el gráfico no sea muy extenso en altura.

Funciona perfecto pero al aumentar o disminuir las barras de tamaño los textos no siguen anclados a ellas y se descolocan.

Lo tengo puesto de la siguiente manera:

<td>
<img src="URL 1º IMAGEN" style="width: TPC%; position: relative;">
<span style="margin-left: -TPC%; position: absolute;" class="izda">1ºTEXTO</span>
<img src="URL 2º IMAGEN" style="width: TPC%;">
<span style="margin-left: TPC%;" >TPC%</span>
</td>
TPC es variable

El problema es que me hago un lio con las propiedades CSS position,display, etc y no consigo que los textos queden anclados a sus barras.

¿Se puede realizar?

Etiquetas: barras, gráficos, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:16.