Google Apps Script 入門到進階(5) --- 使用 Google Visualization API (google.visualization.DataTable) 畫摩台換倉成本

前一篇  Google Apps Script入門到進階(4) --- Google Visualization API與Google Apps Script畫圖介紹了畫圖，接著更進一步使用Google Visualization API (google.visualization.DataTable) 、Google Apps Script與Google Sheet資料來畫圖。
筆者結合  Google Spredsheet抓SGX摩台未平倉量與摩台次月契約開倉成本 的資料來畫圖，在Google雲端硬碟中建立一個專案，新增Google Apps Script檔案Code.gs，輸入以下程式碼。
第1~5行：開啟網址會執行doGet，函數功能為呼叫index.html。
第9~11行：指定載入的html頁面。
第13~17行：取得指定Google sheet的資料。

新增HTML檔案index.html，輸入以下程式碼。
新增HTML檔案getGraphicData.html，輸入以下程式碼。
第5行：執行Callback function。
第7~9行：將Google sheet取得的資料塞到getPicData函數中。

執行結果：

範例網頁連結。

參考資料：

• Google Spredsheet抓SGX摩台未平倉量與摩台次月契約開倉成本
• Google Visualization API與Google Apps Script畫圖介紹了畫圖
• Column Roles