你有一個CSV檔案,其中的資料需要以視覺化方式呈現。也許是銷售報告、調查結果或預算數據。本教學向你展示如何在一分鐘內完全在瀏覽器中從這些資料建立專業圖表。
你需要準備什麼
- 包含資料的CSV、TSV或JSON檔案(或者你可以直接貼上資料)
- 一個網頁瀏覽器(Chrome、Firefox、Safari或Edge)
- 無需註冊帳戶或安裝任何軟體
逐步指南
匯入資料
開啟圖表產生器,將CSV資料直接貼到文字區域,或點擊「上傳檔案」從電腦中選擇檔案。此工具支援CSV(逗號分隔)、TSV(定位字元分隔)和JSON物件陣列。
如果你的CSV使用非標準分隔符號(分號、直線符號、定位字元),請從分隔符號工具列中選擇正確的分隔符號。你可以在文字檢視和試算表檢視之間切換,在建立圖表前驗證資料是否正確。
已預先載入範例資料,你可以立即進行實驗。你的資料應在第一列包含欄標題。
選擇座標軸
此工具會自動偵測數值欄並將其指定為Y軸值,第一個非數值欄作為X軸標籤。展開「標籤欄(X軸)」區段進行變更。展開「數值欄(Y軸)」來勾選或取消勾選欄位。你可以拖曳標籤來重新排列系列在圖表中的顯示順序。
選擇圖表類型
展開「圖表類型」區段,點擊其中一個選項:長條圖、折線圖、圓餅圖、環圈圖、散佈圖、雷達圖或表格。圖表會即時更新。使用長條圖進行比較,折線圖顯示時間趨勢,圓餅圖顯示比例,表格用於原始資料展示。
自訂圖表
設定面板包含可摺疊的區段——點擊區段標題展開:
- 調色盤 — 貼上十六進位顏色的JSON或CSV清單,或匯入使用調色盤工具產生的調色盤檔案。顏色按順序套用到Y欄。
- 圖例 — 設定位置(上、下、左、右)、字型系列和大小。
- 標題 — 輸入標題,選擇位置(上或下)、字型、大小和顏色。
- 圖表大小 — 設定精確的像素尺寸,支援可選的寬高比鎖定。
- 圖表選項 — 微調每種圖表類型的特定選項:長條圖的圓角、折線圖的曲線張力和填充、環圈圖的內徑、散佈圖的點大小和形狀、雷達圖的填充、表格的文字對齊。
使用右上角的「全部展開/全部摺疊」快速開啟或關閉所有區段。
匯出圖表
點擊「匯出PNG」將圖表下載為高解析度(3倍)圖片。你可以直接將其插入簡報、報告或電子郵件中。透過變更圖表類型或選取的欄位,從同一資料建立多個圖表,並分別匯出每個圖表。
你的所有設定(圖表類型、顏色、圖例、標題、大小、選項)會自動儲存,當你返回工具時會自動還原。
隱私 所有圖表產生都在你的瀏覽器中完成。你的資料永遠不會傳送到任何伺服器。這使得此工具適用於機密商業資料、財務報告和任何敏感資訊。
製作更好圖表的技巧
- 保持簡潔。 每張圖表三到五個資料系列最為理想。超過這個數量會使圖表難以閱讀。
- 選擇正確的類型。 長條圖用於比較,折線圖用於時間序列,圓餅圖用於比例(不超過5個切片)。
- 新增標題。 沒有標題的圖表會讓觀看者不得不猜測他們在看什麼。
- 使用一致的顏色。 使用調色盤工具從一個基礎色產生調色盤,然後匯入以保持所有圖表的視覺一致性。
- 使用表格檢視。 切換到「表格」圖表類型,檢視帶有彩色數值的格式化資料——適用於詳細的附錄。
範例:月度營收報告
試試貼上以下範例資料來建立營收報告:
Month,Revenue,Expenses,Profit
Jan,42000,31000,11000
Feb,51000,34000,17000
Mar,48000,32000,16000
Apr,62000,38000,24000
May,59000,35000,24000
Jun,71000,41000,30000
選擇「Month」作為X軸,勾選所有三個數值欄,然後在長條圖和折線圖之間切換,看哪種更能述說故事。