Graficar en Google Charts

Para el último blog de la serie sobre la implementación de la estación meteorológica  aprenderemos como visualizar los datos recogidos por la Raspberry en una gráfica de Google Charts. Para ello, sólo necesitaremos la Read API Key del canal de ThingSpeak del cual queremos leer datos  y un editor de texto HTML. En mi caso usaré Pycharm.

Lo primero de todo será conseguir nuestra Read API Key, para ello accederemos a ThingSpeak desde nuestro navegador web y haremos click en Channels>>My channels. Una vez ahí veremos la lista de nuestros canales. Entonces, para conseguir la Read API Key accederemos al apartado API KEY del canal en cuestión.


Una vez, ahí buscaremos la Read API Key y la copiaremos para usarla más adelante.

Una vez obtenida al la API key abriremos la guía de Google Charts . Una vez accedamos al guía veremos como a la izquierda de la página hay una lista con múltiples tipos de gráficos. En nuestro caso, para graficar variables continuas elegiremos el tipo line chart, en concreto el tipo Curving Lines. Como se ve en la página hay un código HTML que copiaremos directamente en el editor de texto con el que vayamos a editar el programa.



  
    
    
  
  
    

Ahora, después de copiar el siguiente código en el editor de texto pasaremos a editarlo para modificarlo a nuestro gusto. A continuación os dejo el código en cuestión:

  
    

      

      
                                          

      
  
  
    
Ahora si hemos hecho los cambios bien, simplemente con copiar el código HTML en cuestión podemos añadir el gráfico a nuestra página web. 

Comentarios

Entradas populares de este blog

Modelado y control del péndulo invertido

Modelado y control del sistema de suspensión de un autobús