Google Apps Script 入門到進階(4) --- Google Visualization API 與 Google Apps Script 畫圖

前面介紹過Google視覺化API查詢語言(Google Visualization API Query Language)簡易使用讀取Google Sheet資料，Google Spreadsheet操作--- Google視覺化API查詢語言，簡易版操作，今天介紹使用Google Visualization API與Google Apps Script相互搭配畫圖，後面再配合讀取Google Sheet畫圖。
產生DataTable方法有google.visualization.DataTable、google.visualization.arrayToDataTable、google.visualization.Query，後續也會一起說明，以下範例先以google.visualization.DataTable操作，有興趣的朋友可參考Google Charts線上文件DataTables and DataViews。
在Google雲端硬碟中建立一個專案，新增Google Apps Script檔案Code.gs，輸入以下程式碼。
新增HTML檔案index.html，輸入以下程式碼。
執行結果：

範例網頁連結。

參考資料：

• Having fun with Google charts: double y-axes and more!
• How to Use Google Chart Tools with Web Applications
• Edit fiddle - JSFiddle