Horisontell graf som visar statistik över hur många procent av användarna favoriserar ett OS.
Linux
26%
Windows
38%
Mac OSX
16%
DOS
2%
FreeBSD
12%
BeOS
7%
Total answers:
58
Vertikal rangordnings graf som visar rangordning från 0 till 5, där 0 står för lägsta möjliga "betyg" och 5 för bästa.
1
XHTML
4
2
CSS
1
3
JavaScript
3
4
PHP
2
5
ASP
4
6
JSP
5
Dokumentation
PHPCSS filstruktur
./
[-] h_graph.php Demo av en horisontell graf
[-] v_graph.php Demo av en vertikal graf
./includes/
[-] h_graph.css CSS fil för den horisotella grafen
[-] v_graph.css CSS fil för den vertikala grafen
[-] print_graph.php Funktioner som ritar grafen
./img/
[-] Mappen med bilder som behövs för staplarna i grafen.
Upprätta din första graf med PHPCSS Graph
- Skapa en fil t.ex. graf.php
- Mellan <head> </head> taggarna infoga stylesheet för antingen horisotell eller vertikal graf. CSS fil för horisontell graf är h_graph.css och för vertikal v_graph.php
- Såhär ikluderar du CSS filen för t.ex. horisontell graf:
<link href="./includes/h_graph.css" rel="stylesheet" type="text/css" /> - Under <body> taggen skriv
<?php printHGraph('blue') ?>för att visa en horisontell graf med blå tema. - Eller
<?php printVGraph('red') ?>för att visa en vertikal graf med röd tema. - Funktionen
<? printXGraph() ?>tar emot värden 'red', 'green', 'blue', 'yellow' men Du kan själv modifiera CSS filen efter egna önskemål. - Har du några frågor, förslag eller är det något som är oklart? Kontakta oss
Modifiera funktioner
- Öppna filen includes/pring_graph.php
- Det väsentliga i dessa funktioner är variablerna $result[] och $title[].
- Dessa värden kan ändras manuellt om man presenterar statistik som är fast men vad händer om man skall visa statistiken dynamiskt ifrån en databas?
- Detta är enkelt att uppnå genom att köra en while loop på resultaten och titlar ifrån databasen.
- Om du har en databas där folk har röstat om vilken bil borde vara årets bil t.ex. då är du intresserad av bilens namn och hur många röster varje bil har fått. Vi säger att databasstrukturen för omrostning ser ut på följande sätt: bilID, bilNamn, antalRoster etc.
- Nu behöver vi plocka ut bilNamn och antalRoster ifrån databasen:
-
$sql = "SELECT bilNamn, antalRoster FROM omrostning";
$res = mysql_query( $sql );
while( $row = mysql_fetch_array( $res ) ) {
$result[] = $row['antalRoster'];
$title[] = $row['bilNamn'];
} - På det här sättet får du dynamiskt resultat direkt ifrån databasen till dina grafer.
PHPCSS Graph Download
Ladda ned PHPCSS Graph [ 551 ]
MD5 hash:8f6c0e3a7e74e1cd3ee1dfcbac49ce35SHA hash:
b0e9e78a65dcad4c45185352f4ef6ce3fcb9cf68 PHPCSS Graph