Difference between revisions of "EBC Exercise 37 Logging to Sheets"

From eLinux.org
Jump to: navigation, search
m (Run the example: Added)
m (Plot the Data: Added)
Line 35: Line 35:
  
 
Go to your Google sheet and the new data, and a time stamp should be there.
 
Go to your Google sheet and the new data, and a time stamp should be there.
 +
 +
== Plot the Data ==
 +
* Select the '''A''' column and select '''Format"Number:Date time'''
 +
[[File:Date.png|Formatting the Date]]
 +
* Select all the columns and click '''Insert chart'''
 +
[[File:InsertChart.png|Insert chart]]
 +
* Select '''Line chart'''
 +
* Select '''Use row 1 as headers'''
 +
* Select '''Use column A as labels'''
 +
[[File:FormatChart.png|Chart formatting options]]
 +
 +
Your data should be plotted.  Try running your script again and the chart will update.
 +
 
{{YoderFoot}}
 
{{YoderFoot}}

Revision as of 11:19, 10 October 2018

thumb‎ Embedded Linux Class by Mark A. Yoder


Here are instructions on how to log data to a Google Sheet from JavaScript.

Create a new Sheet

Create a new sheet by:

  • Going to https://sheets.google.com and clicking to Start a new spreadsheet, Blank
  • Give the sheet a meaningful name
  • Enter some column labels

Blank Google Sheet

  • Note the sheetID in the path

SheetID

Get Credentials

Go to the class repo and change to the sheets directory

bone$ cd exercises/iot/google/sheets

If you are using JavaScipt, go to https://developers.google.com/sheets/api/quickstart/nodejs and follow step 1.

If you are using Python, got to https://developers.google.com/sheets/api/quickstart/python and follow step 1.

Either way put the credentials.json file in the sheets directory.

Run the example

Edit either demo.js or demo.py and change the sheetsID string to the string you noted above.

The, run the example on your Bone. The arguments are the values to be logged on the sheet.

bone$ ./demo.js 3.14 10

or

bone$ ./demo.py 3.14 10

Go to your Google sheet and the new data, and a time stamp should be there.

Plot the Data

  • Select the A column and select Format"Number:Date time

Formatting the Date

  • Select all the columns and click Insert chart

Insert chart

  • Select Line chart
  • Select Use row 1 as headers
  • Select Use column A as labels

Chart formatting options

Your data should be plotted. Try running your script again and the chart will update.




thumb‎ Embedded Linux Class by Mark A. Yoder