app script 接畫圖表api

更新於 2024/12/22閱讀時間約 3 分鐘


如果有時想要畫一些數據圖表,「bot.學習.人」發現了一個好用的API, 只要用post的方式傳送一個JSON物件給到這(當然要能夠表述圖表),就能回傳一張圖表。

譬如說,以下在google app script的例子會傳回有7個點的折線圖網址

function charttest() {
  var post_data = {'chart': {'type': 'line', 'data': {
   'labels': [01, 02, 03, 04, 05, 06, 07],
  'datasets': [{
    'label': '股價示意圖',
    'data': [1055, 1070, 395, 105, 875, 1065, 1045],
    'fill': false,
    'borderColor': 'rgb(75, 192, 192)',
    'tension': 0.1
  }]
   }
 }}
    var url = 'https://quickchart.io/chart/create';
    var options = {
        'headers': {
            'Content-Type': 'application/json; charset=UTF-8',
        },
        'method': 'post',
        'payload': JSON.stringify(post_data),
    };  
      var response = UrlFetchApp.fetch(url, options)
      return JSON.parse(response).url;
}

傳回的網址,只要點下就可以看到產生的圖表如下。

raw-image

這裏也做個簡單的Line bot demo,只要輸入「畫圖」就會畫一張預設好的直方圖。

留言0
查看全部
avatar-img
發表第一個留言支持創作者!
bot.學習.人的沙龍 的其他內容
本文介紹如何使用Google Apps Script檢查Gmail郵箱,並透過社交軟體如Line或Telegram通知使用者未讀郵件。文章最終表達了希望方格老公公能幫忙達成願望。
根據11月數據,詐騙嫌犯人數高達1698人,帶來126億的財損,主謀賺取的巨額利益使得詐騙活動風險低,造成嚴重社會問題。呼籲政府採取更有效的措施來遏制詐騙行為。
本文介紹如何利用 Google Sheets 中的 GoogleFinance 函數來快速查詢股票資料,並進行簡單的投資回測。
提供了 Google App Script 的取得使用者名稱範例,有助於提升 Line bot 的互動品質,增強客戶體驗。
本文提供了Google App Script的具體實現方法,實現telegram 金流功能
作者分享了自己的職業生涯經驗,並提出解決問題的方法和心態調適,強調在職場中保持健康思維的重要性。透過演技式的應對方式,我們能更好地面對和處理工作中的各種困境。
本文介紹如何使用Google Apps Script檢查Gmail郵箱,並透過社交軟體如Line或Telegram通知使用者未讀郵件。文章最終表達了希望方格老公公能幫忙達成願望。
根據11月數據,詐騙嫌犯人數高達1698人,帶來126億的財損,主謀賺取的巨額利益使得詐騙活動風險低,造成嚴重社會問題。呼籲政府採取更有效的措施來遏制詐騙行為。
本文介紹如何利用 Google Sheets 中的 GoogleFinance 函數來快速查詢股票資料,並進行簡單的投資回測。
提供了 Google App Script 的取得使用者名稱範例,有助於提升 Line bot 的互動品質,增強客戶體驗。
本文提供了Google App Script的具體實現方法,實現telegram 金流功能
作者分享了自己的職業生涯經驗,並提出解決問題的方法和心態調適,強調在職場中保持健康思維的重要性。透過演技式的應對方式,我們能更好地面對和處理工作中的各種困境。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
※ 什麼是Web API API 就是後端開出來讓前端來用的介面,讓前端與後端可以溝通。 API流程: 終端使用者用任何一種裝置進入瀏覽器。 瀏覽器透過 API 向後端發出請求,請求查詢或修改資料。 後端透過 API 收到前端的請求後,取得資料並回應給前端。 前端渲染畫面,終端使用者
xhr 在下面的例子裡,我們首先建立了一個 XMLHttpRequest 物件,並使用 .open() 開啟一個 URL,最後使用 .send() 發出 request。 具體來說步驟有四個: 建立XMLHttpReque 開啟一個請求。 送出請求。 拿到回應後去處理畫面要如何呈現。
Thumbnail
Google 提供了免費的雲端服務 Google Apps Script (GAS) ,我們可以撰寫一些簡易的程式APP,串接其他 Google 雲端服務 如 Google Docs ,Sheets …,就能夠幫助我們利用雲端硬碟做日常工作
Thumbnail
JSON(JavaScript Object Notation)是一種用於資料交換的輕量級資料格式,通常用於網路應用程式之間的資料傳遞。 JSON的格式易於閱讀和撰寫,也易於解析和產生,因此它在開發中被廣泛使用。 JSON由兩種結構組成:物件(Object)和陣列(Array)。
Thumbnail
在 IG 上看到一位前端大大用 Google Apps Script + Line bot 替自己的球隊安排了球經,覺得很有趣,想來玩看看
Thumbnail
在這篇教學中,我們將學習如何使用 Google Apps Script 來連結 LINE Notify,以便於你的應用程式或自動化工作流程中發送通知。LINE Notify 是 LINE 提供的服務,可以讓你透過 LINE 帳號來發送自訂的通知訊息。
Thumbnail
先前幾篇筆記介紹了網路請求,瀏覽器儲存資料的方式,那麼實務上,前端最常需要發送網路請求的時候,就是透過呼叫 API,去向後端工程師發送/請求資料,所以今天來記錄什麼是 API吧!
Thumbnail
在 Python 中,正則表達式和 JSON 處理,能幫我們有效率的處理文本數據,本文將介紹如何使用正則表達式進行文本分析,以及如何處理和操作JSON數據。
Thumbnail
想在 Notion 建立動態視覺圖表,通常都還會需要額外的外掛或小工具。因此本篇我們要和大家分享一個實用的工具 — ChartBase。ChartBase 是一款專為 Notion 打造的工具,提供了豐富多樣的動態視覺圖表選項,讓你能不再僅靠文字或數字,能透過動態視覺圖表將複雜的資料呈現得直觀易懂。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
※ 什麼是Web API API 就是後端開出來讓前端來用的介面,讓前端與後端可以溝通。 API流程: 終端使用者用任何一種裝置進入瀏覽器。 瀏覽器透過 API 向後端發出請求,請求查詢或修改資料。 後端透過 API 收到前端的請求後,取得資料並回應給前端。 前端渲染畫面,終端使用者
xhr 在下面的例子裡,我們首先建立了一個 XMLHttpRequest 物件,並使用 .open() 開啟一個 URL,最後使用 .send() 發出 request。 具體來說步驟有四個: 建立XMLHttpReque 開啟一個請求。 送出請求。 拿到回應後去處理畫面要如何呈現。
Thumbnail
Google 提供了免費的雲端服務 Google Apps Script (GAS) ,我們可以撰寫一些簡易的程式APP,串接其他 Google 雲端服務 如 Google Docs ,Sheets …,就能夠幫助我們利用雲端硬碟做日常工作
Thumbnail
JSON(JavaScript Object Notation)是一種用於資料交換的輕量級資料格式,通常用於網路應用程式之間的資料傳遞。 JSON的格式易於閱讀和撰寫,也易於解析和產生,因此它在開發中被廣泛使用。 JSON由兩種結構組成:物件(Object)和陣列(Array)。
Thumbnail
在 IG 上看到一位前端大大用 Google Apps Script + Line bot 替自己的球隊安排了球經,覺得很有趣,想來玩看看
Thumbnail
在這篇教學中,我們將學習如何使用 Google Apps Script 來連結 LINE Notify,以便於你的應用程式或自動化工作流程中發送通知。LINE Notify 是 LINE 提供的服務,可以讓你透過 LINE 帳號來發送自訂的通知訊息。
Thumbnail
先前幾篇筆記介紹了網路請求,瀏覽器儲存資料的方式,那麼實務上,前端最常需要發送網路請求的時候,就是透過呼叫 API,去向後端工程師發送/請求資料,所以今天來記錄什麼是 API吧!
Thumbnail
在 Python 中,正則表達式和 JSON 處理,能幫我們有效率的處理文本數據,本文將介紹如何使用正則表達式進行文本分析,以及如何處理和操作JSON數據。
Thumbnail
想在 Notion 建立動態視覺圖表,通常都還會需要額外的外掛或小工具。因此本篇我們要和大家分享一個實用的工具 — ChartBase。ChartBase 是一款專為 Notion 打造的工具,提供了豐富多樣的動態視覺圖表選項,讓你能不再僅靠文字或數字,能透過動態視覺圖表將複雜的資料呈現得直觀易懂。