WN - PHP stapeldiagram

Sidan 1 av 2

Visa 40 inlägg från det här ämnet på en sida

WN (https://www.wn.se/forum/index.php)

- Serversidans teknologier (https://www.wn.se/forum/forumdisplay.php?f=4)

- - PHP stapeldiagram (https://www.wn.se/forum/showthread.php?t=26841)

Kristoffer G

2008-02-03 01:53

4 bifogad(e) fil(er)

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

2008-02-03 02:39

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

Kristoffer G

2008-02-03 02: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.

Kod:

<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

2008-02-03 03:04

Vad händer om man gör

position: absolute;
bottom: 0px;

Kristoffer G

2008-02-03 03:06

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

jlg	2008-02-03 03:32

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

tartareandesire

2008-02-03 10:37

Citat:

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

2008-02-03 10:43

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

zytric

2008-02-03 10:54

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

Magnus_A

2008-02-03 11:00

Citat:

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?

Alla tider är GMT +2. Klockan är nu 00:54.

Sidan 1 av 2

Visa 40 inlägg från det här ämnet på en sida