(CSS)(JS) - Balkendiagramme

[H-P Ortner]

Hallo Arthur!

Nun habe ich allerdings im IE ein Problem mit einer "Mindesthöhe für Elemente (?)".

Das größere Problem stellt allerdings Diagramm 2 dar:
Hier sollen 6 Balken übereinander dargestellt werden (also quasi als 1 Balken, der aus 6 Teilen (Farben besteht):

Also so sollte es sein:

|1|
|1|
|1|
|2|
|4|
|5|
|5|
|6|

aber so ist es:

|1|
|1|
|1|
| |
| |
|2|
| |
| |
|4|
| |
|5|
|5|
| |
| |
|6|

Ach ja, für's erste würde eine Lösung für den 6er IE genügen.
Evtl. könnte ich auch einen anderen Weg gehen, z.B. Java-Applet oder SVG... von beidem hab ich jedoch nicht viel Ahnung, aber wenn mir jemand diesbezüglich ein Paar Tipps geben könnte (oder besser noch ein paar Beispiele), wäre das schonmal ein Anfang...

Also statisch läßt such das fast so darstellen, wie du das beschreibst:

  
<table border="0" width="60px" cellspacing="0px" cellpadding="0px" >  
 <tr><td style="background-color:red;  height=120px"></td></tr>  
 <tr><td style="background-color:blue; height=0px  "></td></tr>  
 <tr><td style="background-color:red;  height=60px "></td></tr>  
 <tr><td style="background-color:blue; height=30px "></td></tr>  
 <tr><td style="background-color:red;  height=20px "></td></tr>  
 <tr><td style="background-color:blue; height=10px "></td></tr>  
</table>  

Eventuell hilft dir das für deine dynamische Erstellung

Viele Grüße

H-P Ortner