iInfo 資訊交流: Google Apps Script 入門到進階(8) --- Dashboard and Control

最新消息

[公告2014/05/30] 如有需要將部落格中,任何一篇文章的程式碼使用在商業用途,請與我聯繫。

[公告2015/04/26] Line版的 iInfo程式與投資應用 群組已上線想加入的朋友們,請先查看 "入群須知" 再與我聯繫 Line : aminwhite5168,加入請告知身分與回答 "入群須知" 的問題。

[公告2017/02/20] 近來有網友詢問 MultiCharts 與 Excel 畫冰火能量圖 (8)MultiCharts 與Excel 畫冰火能量圖(11) --- 更名「台股儀表板」 文章中教學檔案取得方式,有興趣的朋友可透過 Line了解詳情 (請勿以為是免費分享),Line : aminwhite5168。

[公告2018/04/22] 台北 Python + Excel VBA 金融資訊爬蟲課程,於 7/21、7/22 兩天開課,課程如網頁內容 金融資訊爬蟲班:台北班 Python 金融資訊爬蟲、EXCEL VBA 金融資訊爬蟲,5/30 前早鳥優惠票,請盡快把握機會,歡迎券商、大專院校邀約講座。

[公告2018/06/01] 台指能量儀表板教學課程 7/14 (六) 下午 1:30 ~ 4:30,15人開班,課程如網頁內容 台北班:台指能量儀表板

2017年4月29日 星期六

Google Apps Script 入門到進階(8) --- Dashboard and Control

前面介紹了幾篇Google Visualization API 畫圖文章,整個畫面除了游標移動會跟著移動顯示數值外,其餘內容都是固定。Google Visualization API有提供另一種可讓使用者動態移動顯示的功能,就是儀表板(Dashboard),接著簡單介紹畫一個簡單動態圖。
筆者使用 Google Spredsheet 抓 TXF 台指未平倉量與台指次月契約開倉成本 的資料來進行畫圖。
在Google雲端硬碟中建立一個專案,新增Google Apps Script檔案Code.gs,輸入以下程式碼。
新增HTML檔案index.html,輸入以下程式碼。
新增HTML檔案getGraphicData.html,輸入以下程式碼。
執行結果:

移動圖片中最下面的顯示範圍後。

範例網頁連結

參考資料: