Grafer i tabeller



Sommer
Vår
Høst
Vinter		 0     5     10     15     20     25


Koden til tabellen:


En grei måte å vise grafer på er å bruke tabeller. Ingen grafikk trengs.

Eksempel på tabell:
BORDER- og CELLPADDING-attributtene settes vanligvis til "0".
CELLSPACING-attributtet's verdi er antall pixler som tilsvarer lengden på grafen du skal vise.
Tabellen blir for eksempel sånn:


WIDTH-attributtet lager pixel-bredden på baren, HEIGHT-attributtet lager høyden.
BGCOLOR-attributtet lager fargen på barene.
BORDER-, CELLPADDING- og CELLSPACING-attributtet settes normalt til "0".
Datacellens STYLE i tabellen spesifiserer 1 pixel FONT SIZE og 1 pixel LINE HEIGHT.

Her er et eksempel med 4 horisontale røde bars med varierende lengde på gul bakgrunn
(gulfargen lages medBGCOLOR="yellow" attributtet i TABLE-taggen)


Koden til tabellen:


Hvis du vil at barene skal peke motsatt vei bruker du ALIGN="right" i TD-taggen.
Her er et eksempel med blå barer på hvit bakgrunn:


Koden til tabellen:


For å vise vertikale barer i stedet for horisontale settes datacellene side-om-side i kollonner i stedet for rader.
Et eksempel med gule barer på rød bakgrunn:
Koden til tabellen:


Observer at TD-taggen inneholder VALIGN="bottom" attributt.
Dette gjør at baren starter i bunn og peker oppover.
Vil du ha de omvendt,- at baren peker nedover så bytter du "bottom" med "top" i TD-taggen.
Her er et eksempel med det, og med hvite barer på blå bakgrunn:
Koden til tabellen: