[linux-l] CSS: Balkendiagramm

Thomas Schmidt belug at thomasschmidt.com
Fr Jun 9 10:57:21 CEST 2006


Hallo!

Zur grafischen Aufbereitung von Meßwerten möchte ich ein Balkendiagramm 
in CSS darstellen.
Es soll wie ein kontinuierliches Signal aussehen, also senkrechte Balken 
ohne Platz dazwischen.

Mit position:absolute; kann ich jeden Balken an die richtige Stelle 
rücken. Schöner wäre es aber, wenn sie sich von alleine nebeneinander 
aufreihen würden.
Der height-Parameter wird anscheinend nur bei position:absolute; und 
Elementen mit eingebautem Zeilenumbruch (h1, div) ausgewertet.
Notlösung wäre, mit display:table-cell; Tabellenspalten zu erzeugen und 
in jede Zelle wieder eine Zelle mit Höhenangabe:

*<div* style="display:table-cell; width:10px; height:50px; background-color:#000;" title="Amplitude: 20"*>*
*<div* style="display:table-cell; width:10px; height:30px; background-color:#FFF;"*>*
*</div></div>*
*
<div* style="display:table-cell; width:10px; height:50px; background-color:#000;" title="Amplitude: 30"*>*
*<div* style="display:table-cell; width:10px; height:20px; background-color:#FFF;"*>*
*</div></div>*

Geht es auch ohne geschachtelter Elemente?

Thomas




Mehr Informationen über die Mailingliste linux-l