![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Jn1W83OS6QzK3ccJaOKpf7sz0rXIeTQwdZ_j3u40AV8sF_XG7y_wXW-gC_NeF_WMm6wEBQCxhvjc-lrgl87WDkyPF0hJIGuyoZuS7mN74a8WkofPRkuvdakWQzSAA3Pvi9_veB15Gfjid3H0WSVnH-uNtTzUImBuJ0Iu2VP8gvF6rXeCgRhOyt763Q/s600-rw/livegap-charts.webp)
服務介紹:
LiveGap Charts 提供圓餅圖、折線圖、步階圖、條形圖、雷達圖等模板以及多種範本,點選版型後輸入項目與數值即可產生圖表,支援輸入中文和調整圖表樣式(字體大小和配色),輸出 PNG 圖片和 MP4 動畫影片,可以免費使用無須帳戶,只是圖片/影片的解析度不高又有官方水印。語言:英文/簡體中文
網址:https://charts.livegap.com/
LiveGap Charts 使用說明:
開啟 LiveGap Charts 網站,點擊「Make your Chart」開始製作圖表,網頁右上方可變更語言(簡體中文)。![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpFbS-qLYVx_oBQpT31z1m3Xu9KAU2SmTZikPB6fjxTAANhYa-CMC_gAEQ6Vak1XpXC5E8y2LoIBGj9e_paoanwMhRze8jsYwMv9uiuqupz33g1hlmu1kDIXyYuMrl7f8LPkJkuHz_h1-wNF4OonM22hqEE-_7oXptLVuUfqD-AzNcT_mpUI3WURKB5w/s900-rw/livegap-charts01.webp)
首先挑選圖表類型,有折線圖、面積圖、條形圖等 11 模板。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivhS0nf3dRQyQOFmHkTQhMgTHI_2dME--XTiyDuLuktNElfAxtPRYAwpsOgLpqoginzTzn6nutlDrcsztMj8dMJT8gcShYPaAmF7JYYBuUttQYQET_jBRgUPXFmuxGVLFkudP1AWPjoIKuf4nCmU94mwJUN9cDt9V-c31USlK14EuXbq54eJOLImSEzQ/s900-rw/livegap-charts02.webp)
頁面往下捲動會看到 Gallery 有多種圖表範本。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM_cb8LCdAfuVSGlcFvBUl3R9HKFtEOdwevmnk1MSOY7Zr-yTqk5JobYW0tfx8J6LjYsg9oMUS5kVdDSwonxug13eeGw8rwW1A9iUlthbTDD9T7KmUNvap68TUlah-NluHaKuej8AOUoeFYG_MscmYVlqGAxmMP0byubuEREuAfLzl3J7JS81mfi_PWw/s900-rw/livegap-charts03.webp)
點選圖表類型或範本立即進入編輯器,左側有功能選單和即時預覽,右側調整圖表樣式,下方表格是數據資料。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbEu-2KLqzRvAFXZVnG3zeSqxXxIQRNbtTZKmHYyTfAq_eRIBIYcqCJIADXrhI87dDBKuhVbujJnbpMgNqLo_L007VReN1DgDsPFSE5Uky3OSJ_QKGcIcZIJUTgTU_7mH-RRiuKGHYNyqc2fXN8aQ8yck2_j87FQEp188kwf6BwNCs0RmzqskCWuoM8A/s900-rw/livegap-charts04.webp)
在下方表格點擊欄位即可修改名稱和數據。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4CxARQALD8d0YP1BziReFxi3Zp3UJfzitgwkjbk0X2TSwvRp_qISlL22389FOzNPeEeT75v1w9sEZ1apwOGRZxrPZQhgwsjEQC-gxToqhsqiTnUFY_GazC0y-pMIVGyQAeImh5rJPXWu_9yFcmmIZ1ABOlFGvTa9U0leq6hoD_G8vEjuBxb2LBtviSA/s900-rw/livegap-charts05.webp)
圖表資料輸入完成後若想更換模板,點擊「Data」→「Export」匯出表格資料儲存 .csv 檔案,點選「import」匯入就不用重新輸入。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCP0fO0m4hGjkyGhzNMhbmgDoLgK5o1Y-TAhqj-R2UGmpEBDtN8TlkUubqdeHDvcpXnYOVhnip1ev0D9nLXZ2dYx8z05E58x_rjl0v3wGdgTvItCAEJNVd_7BqMFyMw2tdC7kWTgWyVjvwoMkeyVeA3PGLEQ1sAnTrLmffTyu_RJvSrHMM1yv7gJYUHg/s900-rw/livegap-charts06.webp)
在右側點選「Text」展開編輯項目即可修改圖表標題、副標題,以及調整字體大小和添加方框。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWM1SEeL5esKN9fSnOkCCDw-IA7LfuJ3324rKi4e4xNdshdB8IJBDGZu764Ob6J5-4m7N6BpE7xDj0cNSWlSYjvZPcBmwX2ZcG-KMhN8rDyo0ROvWpAcTPxf4SEUyzyJVeEn3MlY5YPG3XQtY71g1-JtnwK1T3cRHSrljSpo2KvWJ8c-Xu3KW-IwC9mA/s900-rw/livegap-charts07.webp)
點選「inGraph Date」可調整數據的文字大小和字體,「Colors」更換圖表顏色。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIQJjD2irDMeRvUFF4vwId1dKjWzDuSpaGeTKDjEeG66Fz681GcJ3pM2Ix9WgNCegr8_TyujIyJ0Vs8GGZNwtF-8kV5x04_tzRLCvHmxPTAEKgxY-QHXKQKzdLiEo8mBC_55x5NYZTGL5CqM_amWrOGfRpSWTmqcqBbv7WOCMMb55yBvZsyaSxAfCLag/s900-rw/livegap-charts08.webp)
圖表製作完成後,點選「File」→「Export as image」即可儲存 PNG 圖片,缺點是解析度只有 500x400 而且有官方水印。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BkCziXZUiwy-xMMr7XRZNxlT7clrzrlfJ_JWM6kP3bTIOJej9UrSxL7uy0DkhN8wQtzP0BA83phAUrfeyTWZ5I_QOUXux1f5mXl7XzPx6mGT9xqlmYSci9kDi04C1GsGcglQjBx9GLb3b6pxL6E7HJOTMr1O_CbsvMsJdx2AeRw350EGSEO6yIJRgQ/s900-rw/livegap-charts09.webp)
點選「File」→「Export as Video」產生動畫影片,調整時間長度再點擊「Save Video」下載 .mp4 影片,解析度 300x300。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinXlBZ2Kh_JMWmmgTX7EISD3hgruDQPDBjX6KhSzP3WtC-KcH_3e13f9UaQUbW_Dvdzbc2mrnYikYK8ratWpk32-2Lq7kTUvjst44HoH1vkIty5aBdRYZg-aeHFNQCcUqitsJN5WN-eSB_T4Mg1uknbagO4CDOsUyf_T7NmJlOaEEOWPXe6LLXVrygAw/s900-rw/livegap-charts10.webp)
想要去除水印或使用高級功能得要訂閱 LiveGap Charts PRO 方案。
![LiveGap Charts 線上圖表製作工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEien_MC7-BpDsbWrFoC5JW6Wmac_DaE7s7rgb__Cn8Mv4A5_LH71N1prvgn3Vz_MWRQa-IIv2pMeqkZxKopUtBmvn2WGmGzbgps7ELCCfyo_SEc3yjgLmz1QGYgi_kFMpOW-KNlwMOJmYO8MvQYJoqR_cR9ITGWVHjrz9bv9jUGpIkC9e0F4zxw5UWmMw/s900-rw/livegap-charts11.webp)
延伸閱讀:
0 留言