Stapeldiagram för webben

Du kan göra ett hur lätt som helst med PHP annars genom att kontollera height och/eller width på en img.

i php och pseudokod (förutsatt att du vill ha staplarana uppåt):

<img src="En bild som är enfärgad, ser konstigt ut annars" style="height: <?php echo $förändringsfaktor * $maxhöjd; ?>px;" />

$förändringsfaktior är alltså ett procentetal fast som förändringsfaktor. För att få ut detta delar man lämpligtvis antalet procent med 100.

$maxhöjd är höjden som 100% motsvarar.

Känns i så fall mer logiskt att använda CSS och (X)HTML...

ett mycket simpelt exempel

<div style="height: 300px;">
   <img src="stapel.gif" style="height: 35%;">
   <img src="stapel.gif" style="height: 60%;">
   <img src="stapel.gif" style="height: 100%">
</div>

Då skulle DIV:ens höjd motsvara $maxhöjd men man slipper åtminstone skriva in det för varje enskild bild samt att höjden faktiskt är angiven i procent vilket känns naturligt?

Ta även en titt på jpGraph: http://www.aditus.nu/jpgraph/index.php

Skulle vara intressant att få ta del av resultatet.

Kommer behöva staplar till en sida i höst så det är lika bra att börja göra lite research