Come creare web chart interattivi

Pubblicato il 27 Giugno 2013 da Paolo Predonzani

I chart sono un requisito comune di moltri applicativi web. Se hai un CRUD su una tabella, prima o poi ti sarà chiesto di fornire qualche forma di charting o di reportistica su di essa. Nella creazione di chart credo che siano importanti due aspetti: uno è avere interattività, l'altro è essere produttivi.

In questo video riprendo l'esempio del precedente tutorial, in cui avevo già creato un CRUD sulla tabella m_product utilizzando Portofino 4. I prodotti (i record della tabella) sono già classificati per categoria di prodotto. Qui voglio ottenere un diagramma a torta che mostra il numero di prodotti in ciascuna categoria. Inoltre voglio che ogni “spicchio” del chart sia cliccabile interattivamente e che piloti il filtraggio nella vista CRUD.

Il motore di chart utilizzato da Portofino 4 è JfreeChart.

Alcuni punti in evidenza tratti dal video

Fra parentesi quadre, il minuto/secondo a cui faccio riferimento:

[0:35] Imposto un chart vuoto con la query segnaposto “select 1, 1”

[1:32] Posiziono il chart all'interno della pagina di CRUD

[2:03] In SQuirreL, creo la prima versione della query

[3:28] Decodifico le chiavi esterne in etichette più sensate

[5:15] Rendo il chart interattivo tramite un URL contenente un'espressione OGNL