google chart

Mattepuffo's logo
Integrare Framework7 e Google Charts

Integrare Framework7 e Google Charts

Da un pò di tempo sto usando con soddisfazione Framework7 al posto di jQuery Mobile (che è da un bel pò che non è più aggiornato).

Avevo la necessità di creare dei grafici all'interno di una pagina, prendendo i dati da un database remoto.

Mi hanno consigliato Google Charts (già usato in precedenza, ma non su un sito mobile) e devo dire che sta venendo abbastanza bene.

Quindi vediamo come integrare i due.

Mattepuffo's logo
Usare AJAX con Google Charts

Usare AJAX con Google Charts

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>

Mattepuffo's logo
Creare grafici responsive con Google Charts

Creare grafici responsive con Google Charts

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.

Mattepuffo's logo
Creare Qr Code con PHP e Google Chart

Creare Qr Code con PHP e Google Chart

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.