Grafici a barre verticali con CSS e PHP
Venerdì 16 Febbraio 2007 - 08:38
di Alessandro Fulciniti
Dopo Grafici a barre e creatività
e altri post qui sul blog, torniamo a parlare di soluzioni per la visualizzazione di dati complessi. Il recente Vertical
Bar Graphs with CSS and PHP, ispirato in parte da CSS Vertical Bar Graph di Eric Meyer, è un tutorial per realizzare grazie a PHP e CSS grafici a barre verticali, come nello screenshot qui sotto:
Ho trovato la soluzione presentata molto elegante per quanto riguarda il markup generato dal PHP e per il CSS utilizzato, con altre tre varianti basate sullo stesso markup. Si usano i posizionamenti assoluti e qualche stile inlinea, quasi indispensabili in questi casi.
Ottima la compatibilità: anche se non è dichiarata, ho testato con successo gli esempi sulle versioni di IE dalla 5 alla 7, oltre che sulle ultime versioni di Opera, Firefox e Safari. Da aggiungere tra i preferiti nel caso dovesse esservi utile.
Categoria: Web Marketing | Permalink
Commenti
1
l’idea mi sembra eccellente … il css buono ma il php sembra scritto “un pò di corsa” ma con qualche modifica potrebbe essere una soluzione portabile e comoda. Mi riferisco all’echo, poteva farne a meno, e soprattutto alla mancata ed eventuale possibilità di sfruttare i dati come links per avere magari più dettagli, difficile da implementare anche col JS dato che ne id dei risultati ne altro, oltre un numero ed una sequenza, viene passato come informazione (una tooltip, una pagina per i dettagli). Speriamo si accorga presto di questa possibilità (basta aggiungere un PID all’array e metterlo in un link).
Per finire mi fa piacere vedere che ogni tanto non si punta solo al JS e ci si ricorda delle potenzialità anche grafiche (in termini di layout) del linguaggio server :-)
2
un mio amico aveva scritto qualcosa del genere qualche mese fa a fini “sperimentali” ma poi abbiamo deciso di implementarlo nell’applicativo che stiamo sviluppando…sicuramente i grafici in questa maniera sembrano tutto sommato più veloci da realizzare piuttosto che con le gd…
# - postato da Matteo Galli - 16 Febbraio 2007 - 10:35
3
non solo Matteo, sono anche meglio predisposti per readers o altro