步驟一
選擇想要輸出的圖表類型並輸入圖表數據
步驟二
下載圖表 HTML 檔案與資料檔
步驟三
將檔案上傳至 Github 後於部落格中以 iframe 嵌入
1. 輸入表頭(將會以標題文字出現在圖表最上方) (例圖 A 處)
2. 選擇圖表類型





# 範例
3. X 座標軸資料與選項

請於輸入 X 座標軸資料時以 {{chart.seperator.x}} 間隔每個欄位的資料,並注意資料的最後不要有多餘的換行鍵。

4. Y 座標軸資料與選項
左側 Y 座標軸(必填)(例圖 B 處)

右側 Y 座標軸(非必填)(例圖 C 處)

Line Chart 選項
Y 座標軸資料組


資料組 {{index + 1}}

請於輸入 Y 座標軸資料時以 {{chart.seperator.y}} 間隔每個欄位的資料,並注意資料的最後不要有多餘的換行鍵。

圖表顏色
對齊座標軸:
Type
Line區域填色
5. 資料總覽&排序 (可使用拖拉調整順序)
{{index}}. {{data.label}} ({{data.type}})
3. 表頭設定
表頭背景顏色

請於輸入表格資料時以換行鍵(enter)間隔每個欄位的資料,並注意資料的最後不要有多餘的換行鍵。

4. 表格資料
表格列 {{index + 1}}

請於輸入表格列資料時以換行鍵(enter)間隔每個欄位的資料,並注意資料的最後不要有多餘的換行鍵。


下載表格
{{content}}
{{data}}
3. 表頭設定
表頭背景顏色
4. 資料輸入

使用,分隔,並使用enter換行(第一行為表頭)


下載表格
{{content}}
{{data}}
3. 上傳 Google Sheets CSV 檔案

CSV 檔案已經成功上傳!

4. Chord 圖表設定與下載
3. 時間

4. 排行榜內容
資料{{index+1}}

{{itemid + 1}}


{{title}}

{{ranking.start_time.split(",")[0]}} - {{ranking.end_time}} Taiwan
{{index+1}}
{{sub.title}} {{sub.content}}

下載