Articolo aggiornato!
Quella delle infografiche, è un'altra moda scoppiata nel 2016.
Rispetto a tante altre novità, è passata "giustamente" inosservata ai più.
Però sono comunque nati diversi servizi online per crearle.
In questo articoli ne vediamo qualcuno.
Sul sito di Google Charts si trovano dei buoni esempi, ma nessuno che mostra come prendere i dati dal server trmaite AJAX, che è il caso più normale.
Oggi vediamo proprio questo.
Nell'esempio avremmo bisogno anche di jQuery, quindi:
<script src="jquery.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>
Una libreria Javascript che sto usando parecchio per la creazione di grafici è Google Chart.
Molto semplice da usare e da includere.
Oggi vediamo come impostare la "modalità" responsive.
In eveirà la cosa è molto semplice: questo il div:
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<column cols="6" class="cols_chart">
<div id="chart_entrate"></div>
</column>
Come vedete non ho impostato misure.
Ho scoperto che in questi ultimi tempi, sono tante parecchie librerie per la creazione di grafici per Android.
Oggi ne vediamo una che mi è piaciuta parecchio: MPAndroidChart.
Andremo a costruire un PieChart, lo metteremo dentro ad un Fragment, e i dati li prenderemo da un file JSON (giusto per fare qualcosa di diverso dagli esempi classici che potete trovare anche qua).
Prima di tutto scaricate la libreria e aggiungetela al progetto (questa operazione varia a seconda dell'IDE che usate).
I Qr Code sono delle specie di codici a barre con un formato diverso.
In sostanza sono delle immagini con un contenuto particolare.
Sono molto usati soprattutto per migliorare l'interazione con i dispositivi mobili.
Ho già parlato di come creare grafici in Java usando la libreria JFreeChart.
In quel caso il grafico si visualizzava in un JPanel.
Invece adesso vediamo come usare la stessa libreria per creare grafici all'interno di una JSP e usando le Servlet.
Scaricate la libreria da qua; ricordatevi che dovete scaricare anche JCommon (dovrebbe stare all'interno dello stesso file zip).
Aggiungete entrambe le librerie al progetto.
Il grafico lo creeremo prendendo i dati da db.
Quindi abbiamo bisogno di una connessione.
Poi servono una Servlet e una JSP.
Salto la parte della connessione perchè ne ho parlato varie volte.
Create una Servlet e aggiungetela al file web.xml:
<servlet>
<servlet-name>ServletGraph</servlet-name>
<servlet-class>com_mattepuffo_book.ServletGraph</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ServletGraph</servlet-name>
<url-pattern>/ServletGraph</url-pattern>
</servlet-mapping>