[Kristoffer G]

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.

[Timofey]

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

[Kristoffer G]

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.

<div style="width:200px" align="center">
<div style="float:left; background-image:url(pic/vb.gif); height:100px; width:20px; margin-right:10px;">a</div>
<div style="float:left; background-image:url(pic/vb.gif); height:80px; width:20px; margin-right:10px;">b</div>
<div style="float:left; background-image:url(pic/vb.gif); height:50px; width:20px;margin-right:10px;">c</div>
<div style="float:left; background-image:url(pic/vb.gif); height:30px; width:20px;margin-right:10px;">d</div>
</div>

[Timofey]

Vad händer om man gör

position: absolute;
bottom: 0px;

[Kristoffer G]

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

[jlg]

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

[tartareandesire]

Originally posted by jlg@Feb 3 2008, 04:32
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 =)

[Lindahl]

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

[zytric]

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

[Magnus_A]

Originally posted by Brazzan@Feb 3 2008, 03:58
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.

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?