長條圖製作工具
把類別和數值貼上來，長條圖馬上畫好。可以選直條或橫條、一組或兩組資料並排，加上座標軸名稱、換個顏色，再下載 PNG 或 SVG。完全免費、免註冊，資料不會離開你的瀏覽器。
試試範例資料
在你的瀏覽器裡直接繪製，資料不會上傳。
資料表
| 類別 | 數值 |
|---|---|
| 北區 | 42 |
| 南區 | 35 |
| 東區 | 28 |
| 西區 | 51 |
| 中部 | 39 |
- 01幾秒鐘就能在線上畫好長條圖。資料一貼上，圖表立刻更新。
- 02直條圖或橫條圖都行；一組資料，或兩組資料並排的群組長條圖。
- 03可以直接從 Excel、Google 試算表或 CSV 複製「類別、數值」兩欄貼上。
- 04圖表下方會列出類別數、最大值、最小值、合計與平均數。
- 05可下載 PNG 或 SVG，也能分享一條可以重現這張圖的連結。免費、免註冊。
這個長條圖製作工具的特色
即時畫圖
一邊輸入一邊重畫，不用上傳、不用等。從 Excel、Google 試算表或 CSV 把「類別、數值」貼過來，長條圖馬上出現。
直條圖或橫條圖
一鍵在直條圖和橫條圖之間切換。類別名稱很長，或是想做排行榜時，橫條圖特別好讀。
兩組資料並排比較
多填一組資料，就變成群組長條圖，很適合今年 vs 去年、預算 vs 實際這類並排比較。兩組會盡量依類別名稱自動對齊。
摘要數字一起給你
每張圖都附上類別數、最大值、最小值、合計與平均數，還有一張和圖表內容一致的資料表。
下載與分享
一鍵下載可以直接放進報告的圖：2 倍解析度的 PNG 適合簡報和作業，SVG 向量檔可以在任何向量繪圖軟體裡繼續編輯。也可以把圖複製到剪貼簿，或分享一條連結，對方打開就會看到一模一樣的圖，資料和設定都包在裡面。
免費，而且保護隱私
所有運算都在你的瀏覽器裡完成，資料不會上傳到任何伺服器。免註冊、沒有次數限制、沒有付費牆。打開網頁就能畫長條圖。
長條圖是什麼？怎麼看、什麼時候用
長條圖（bar chart，也有人叫柱狀圖）用來比較不同類別的數值。每個類別畫成一根長方形的條，長度或高度和數值成正比。要畫長條圖，先列出類別和對應的數值，決定直條還是橫條，數值軸從 0 開始，長條之間留一點間隔，最後補上標題、座標軸名稱和單位。要替項目排名、找出最多和最少的那一組，或把兩組資料並排比較，長條圖都很好用。
不管是學校作業、業績報告，還是簡報裡的一頁比較，一張清楚的長條圖通常是讓數字開口說話最快的方法。這個免費的長條圖產生器把圖表和摘要數字放在同一個地方。
- 長條圖和直方圖的差別
- 長條圖比較的是彼此獨立的類別，長條之間有間隔，順序可以自己排。直方圖是把連續的數值資料分組，長條彼此相連，順序由數線決定。X 軸是地區、產品這類名稱時用長條圖；X 軸是測量值時用直方圖。
- 直條圖和橫條圖
- 類別不多時，直條圖（直的長條）是預設選擇。類別名稱很長，或想由上往下看排名時，橫條圖更清楚。
- 群組長條圖（兩組並排）
- 群組長條圖在每個類別下並排放兩根長條，用來比較兩組資料，例如今年和去年。兩根長條共用同一個數值刻度，所以差距可以直接比。
- 什麼時候用長條圖
- 人數、合計、分數，或任何落在固定類別上的數值，都適合長條圖。看隨時間變化的趨勢請用折線圖，看一組數值的分布形狀請用直方圖。
線上長條圖怎麼畫：四個步驟
- 01
貼上資料
每列輸入一個類別和數值，例如「北區, 42」。從 Excel 或 Google 試算表直接複製兩欄貼上也可以。要做兩組並排時，在選填的第二組輸入框填入相同類別的另一組數值。
- 02
選方向
直條圖是最常見的長條圖；類別名稱比較長就選橫條圖。改設定時圖表會即時更新。
- 03
加上標題和單位
填入圖表標題和 X、Y 軸名稱，讓這張長條圖放進報告或作業裡不用再解釋。單組資料時還可以挑長條的顏色。
- 04
下載與分享
把畫好的長條圖下載成 PNG 或 SVG。圖表下方的摘要列和資料表可以幫你描述結果：最高、最低、合計和平均。
把長條圖畫好的幾個訣竅
數值軸從 0 開始
長條的長度代表大小，截掉一段軸會把差距放大。所有數值都不是負數時，這個工具的數值軸一律從 0 開始；之後在其他軟體編輯時也請維持。
名稱太長就用橫條圖
如果直條圖下方的類別名稱擠在一起或換行，改成橫條圖，每個名稱都能完整顯示。
類別不要太多
超過十幾個類別，座標軸就會擠滿。把小項目合併成「其他」，或排序後只留前幾名，重點會更清楚。
標上單位
座標軸寫上「營業額（千元）」或「分數」，圖表自己就能被看懂。單位要寫在座標軸名稱裡，不要只放在標題。
兩組比較用並排
比較兩個時期或兩個群組時，群組長條圖讓兩組資料落在同一個刻度上，差距一眼就看得出來，也不會誤導。
看分布不要用長條圖
想看一組連續數值的形狀，例如偏態、高峰、離群值，請用直方圖，不要把原始數值硬畫成長條圖。
長條圖的基本概念
長條圖的定義
長條圖用長方形的條來呈現類別資料。每根長條的長度和它代表的數值成正比，所以不同類別之間的大小一眼就能比較。
從長條圖可以看出什麼
- 排名：哪些類別最大、哪些最小。
- 大小：各組在同一個刻度上的絕對數值。
- 比較：群組長條圖裡兩組資料的並排差距。
- 突出：明顯高於或低於其他類別的項目。
畫圖時的重要選擇
數值軸從 0 開始；順序本身沒有意義時，依數值大小排序；名稱長就用橫條圖；連續數值的分布交給直方圖，不要硬塞進長條圖。
常用計算
類別合計
合計 = Σ 數值
42 + 35 + 28 + 51 + 39 = 195。
平均數
平均數 = 合計 ÷ 類別數
195 ÷ 5 = 39。
佔總數的比例（選用）
比例 = (數值 ÷ 合計) × 100%
西區 51 ÷ 195 ≈ 26%。
兩組的差距
差距 = 第 1 組 − 第 2 組
北區 42 vs 38 → 今年比去年多 4。
長條圖製作常見問題
Q01長條圖怎麼畫？
把類別和數值貼到上面的輸入框，每列一組，用逗號、Tab 或空格隔開（例如 北區, 42），長條圖就會立刻畫出來。需要的話可以加第二組資料做並排比較，選直條或橫條，填好座標軸名稱，再下載 PNG 或 SVG。
Q02長條圖和直方圖有什麼不同？
長條圖比較的是彼此獨立的類別，長條之間有間隔，順序可以自己排。直方圖是把連續數值分組後呈現分布，長條彼此相連、沿著數線排列。類別資料用這個長條圖工具，分布形狀用直方圖製作工具。
Q03怎麼做兩組資料並排的長條圖？
在第一個輸入框填主要的類別和數值，再到選填的第二組輸入框填另一組數值。類別名稱相同的會自動對齊；名稱不同時就照列的順序配對。圖表會畫成並排的群組長條圖，並附上圖例。
Q04可以做橫條圖嗎？
可以。把方向設成「橫條圖」，數值就會沿著水平軸，類別由上往下排。很適合名稱長的類別和排行榜。
Q05可以從 Excel 或 Google 試算表貼資料嗎？
可以。複製「類別、數值」兩欄貼進輸入框就行，Tab、逗號、分號和換行都認得。要做兩組並排時，把第二欄數值貼到第二組輸入框。
Q06怎麼下載或分享長條圖？
按 PNG 可以拿到高解析度的點陣圖（以 2 倍解析度繪製，放進簡報和文件都很清晰）；按 SVG 可以拿到向量檔，能在 Figma、Illustrator 或 Inkscape 裡繼續編輯。匯出的檔案角落會有一行小小的 kanaries.net 標記，螢幕上的圖沒有。你也可以把 PNG 複製到剪貼簿，或按「分享連結」複製一條能原樣重現這張圖的網址；資料放在連結的片段裡，不會上傳到伺服器。
Q07這個長條圖工具免費嗎？資料安全嗎？
兩個都是。工具完全免費，免註冊、沒有次數限制，而且全部在你的瀏覽器裡執行，資料不會上傳到任何伺服器，所以拿來處理私人或敏感的數字也沒問題。
Q08什麼時候該用長條圖，而不是直方圖？
每根長條代表一個有名稱的類別（地區、產品、年級）時，用長條圖製作工具。手上是一欄測量值，想看它們在各個數值區間的分布時，用直方圖製作工具。
相關工具
更多圖表製作工具
貼上資料，直接在瀏覽器製作另一種圖表。免費、免註冊。