Sitter och jobbar med ett litet stapeldiagram som bygger upp sina staplar med hjälp av väldigt små bilder (20x1). Allting fungerar kanon, men jag undrar om det är så optimalt egentligen eftersom det blir väldigt många <img> ovanpå varandra. AWSTATS kör ju iofs på den tekniken, men ändå. Cachas bilderna eller hur funkar det i besökarens webbläsare?

Jag vet att man kan köra php genom flash... men flash är inget för mig :)

Staplarna ser ut som på bilden...håller även musen över en stapel om ni undrar vad den texten gör där :)

Exempelvis så består stapelen med 46,1% av ca 140 bilder.

Man skulle kunna göra staplarna som div:ar med olika höjd och sätta background: repeat-y

Jo, det går att göra så här... men då blir problemet att istället för staplen går nerifrån och upp, går den uppifrån och ner.. alltså vrid bilden 180grader.

Vad händer om man gör

position: absolute;
bottom: 0px;

Det skiter sig rätt kraftigt :) allt staplas på varandra då.

Varför inte bara resiza genom att använda height? Eller missade jag något?

Det var den första frågan som dök upp i mitt huvud också =) Har man cache på i webbläsaren så cachas bilderna, ja =)

Jag använder FusionCharts (http://www.infosoftglobal.com/). Funkar finfint.

Brazzan, jag tycker du ska använda google charts:
http://code.google.com/apis/chart/

Nu har jag inte provat, men om du har staplar (vita) som går uppifrån och ner på det sätt du beskriver och de staplarna ligger ovanpå, z-led alltså, och täcker delvis staplar med färg, så blir resultatet visuellt vanliga staplar som går nerifrån och upp. Visserligen med ett värde som är max-värdet av stapeln minus värdet, men det är väl en enkel sak att räkna ut?

Google chart pallar inte åäö har vi upptäckt.

Resiza har jag också provat och jag får inte till det ordentligt... divarna bråkar. Just nu är dem uppbyggda i en table och på samma sätt som awstats. Det finns en annan lösning och det är att ha olika stora bilder som man använder som byggblock.

Alltså 1px hög, 5px, 10px, 20px osv. Man får lägga till extra kontroller för att bygga upp staplarna, men det är nog inte så svårt.

Aha.. rezisa bilden... det funkar ju också. Det är den lättaste lösningen också :)

Jag har gjort en liknande, då ändrade jag storleken på bilden (resize).

Jag körde först en http://se.php.net/manual/en/function.number-format.php för att få procenttalet avrundat sedan loopade jag ut varje rad ur min dbtabell och stod för en stapel likt:
[img]pic.png[/img]px;">

mer eller mindre samma lösning jag kör nu.

Skillnaden är att du inte har 140 st IMG per stapel.

Mot min förra lösning ja.. har ändrat så att jag kör olika hight på bilderna.