圖中原顯示日期、收盤價、成本價的曲線,再加入一個未平倉量顯示,並把未平倉量擺放到副座標軸上。
在Google雲端硬碟中建立一個專案,新增Google Apps Script檔案Code.gs,輸入以下程式碼。
新增HTML檔案index.html,輸入以下程式碼。
在以下的程式碼中加入組合圖,並在曲線圖與組合圖中添加雙Y軸座標、十字遊標。新增HTML檔案getGraphicData.html,輸入以下程式碼。
執行結果:
範例網頁連結。
筆者將台指未平倉量與換倉成本內容加入,並以組合圖來呈顯,有興趣了解 台指未平倉量與換倉成本,請參考文章 Google Spredsheet 抓TXF 台指未平倉量與台指次月契約開倉成本。
範例網頁連結。
參考資料:
- Google Charts
- Having fun with Google charts: double y-axes and more!
- Google Apps Script 入門到進階(4) --- Google Visualization API 與 Google Apps Script 畫圖
- Google Apps Script入門到進階(5) ---使用Google Visualization API (google.visualization.DataTable)畫摩台換倉成本
- Google Spredsheet 抓TXF 台指未平倉量與台指次月契約開倉成本