Charts

Ritratto di Vanni

Uno dei compiti dell’amministratore, è tenersi informato su tutto ciò che accade nelle varie pagine del sito, quindi deve avere un’idea della quantità di contenuti e commenti pubblicati, di come interagiscono gli utenti sia anonimi che registrati e tanto altro ancora… Ci sono quindi una mole considerevole di dati da leggere e filtrare e ovviamente li si deve ricercare in differenti pagine.

Questo lavoro impegna parecchio tempo, soprattutto quando si ha a che fare con siti di grosse dimensioni e con molti utenti. Per cercare di risparmiare tempo, possiamo costruire dei grafici che raccolgono tutte queste informazioni e con un solo colpo d’occhio avremo subito un’idea precisa di come “se la passa” il nostro sito.

Il modulo Charts è stato ideato proprio per questo motivo. E’ estremamente preciso e dettagliato, anche se questo comporta (almeno inizialmente) un po’ di confusione nel configurarlo. Attraverso questo modulo (e con l’ausilio di Views) si possono andare a creare pagine o blocchi che visualizzano grafici e statistiche di tutto il sito.

Descrizione del funzionamento del modulo Charts

  • Installare e abilitare il modulo. E’ diviso in 3 parti, la prima parte deve essere abilitata e poi si può scegliere se usare le librerie di Google Charts o quelle di Highcharts (per usare questa ultima si deve installare anche il modulo Libraries), nel mio esempio ho abilitato solo quelle di Google
  • Per avere un’idea dei vari grafici che possono essere costruiti, con l’attivazione del modulo viene creata una pagina di esempio in: nome_del_sito/charts/examples
  • Andare nella pagina di configurazione e qui si possono dare delle configurazione di base, comuni ad ogni grafico (possono comunque essere personalizzato successivamente)
  • pagina per le configurazioni di base del modulo charts
  • Scegliere il tipo, il colore, le etichette sia di tutto il grafico e sia dei due assi cartesiani
  • Impostate le configurazioni di base salvare il tutto e cliccare “create a new view” oppure andare in: nome_del_sito/admin/structure/views/add
  • Qui possiamo costruire una “view” sia per una pagina che per un blocco e al suo interno verrà visualizzata tutta la massa di dati che avremo selezionato sottoforma di grafico

Esempio pratico di come costruire un Grafico con Charts e Views

Inizialmente si farà un po’ di fatica a capire come estrapolare i dati che ci interessano ma con determinazione e pazienza alla fine si otterrà il risultato voluto. Per maggiori delucidazioni sull’impiego di questo modulo rimando alla guida ufficiale o almeno leggere il file README.txt nella cartella.

In questo esempio andrò a creare con views una pagina che al suo interno conterrà un grafico a torta (pie chart) nel quale vengono conteggiati il numero di commenti inseriti da ogni diverso utente.

  • Dare un nome alla pagina, scegliere cosa deve mostrare e selezionare Chart in “Display Format”
  • creazione di una nuova pagina con views
  • Cliccare su “Continue & Edit”
  • Aprire il menù “Advanced” nella colonna di destra e abilitare l’aggregazione di dati, quindi “Use aggregation” deve essere “SI”
  • inserimento delle impostazione per l'aggregazione dei dati
  • Nella colonna di sinistra, sezione Fields, eliminare il campo preimpostato “Titolo” e aggiungere “commento=>autore” (nel popup di configurazione ho tolto la spunta dalla checkbox per non visualizzare il nome come link), in “Aggregation settings” selezionare “Group results together”
  • Aggiungere anche il campo “Commento=>comment” ma stavolta in “Aggregation settings” selezionare “Count DISTINCT”
  • inserimento dei tipi di dati da visualizzare nel grafico
  • Nella sezione “Formato” cliccare su “Impostazioni” ed apportare eventuali personalizzazioni al grafico (es colori), assicurarsi inoltre che: “Provides Label” sia Autore e “Provides Data” sia commento
  • personalizzazione del grafico da visualizzare
  • Per evitare la paginazione delle varie voci del grafico, nella colonna centrale, nella sezione “Pager” selezionare “display all items”
  • deselezione della paginazione dei dati
  • Salvare la nuova View
  • Se ora andiamo nella nuova pagina creata troveremo il grafico interattivo
  • visualizzazione finale del grafico di esempio

Per vedere il risultato in tempo reale vai alla pagina con esempio di chart.

Aggiungi un commento

Filtered HTML

  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.

Comment

  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente

Plain text

  • Nessun tag HTML consentito.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Linee e paragrafi vanno a capo automaticamente.
Per tutelare la vostra privacy suggerisco l'uso di un nickname o lasciare anonimo...
CAPTCHA
Questa domanda e' per testare se sei un visitatore persona e non un software che genera spam
4 + 9 =
Risolvi la semplice domanda di matematica e inserisci il risultato. Es. se e' 1 + 3 inserisci 4.