/ 01

線上長條圖製作工具

貼上類別與數值,立即產生長條圖——支援縱向或橫向、單系列或雙系列。標註座標軸、挑選顏色,下載 PNG 或 SVG。完全免費、免註冊,資料不會離開你的瀏覽器。

試試範例資料

即時長條圖
區域銷售0204060北區: 42北區南區: 35南區東區: 28東區西區: 51西區中部: 39中部區域數值

在你的瀏覽器本機繪製——資料不會被上傳。

資料摘要

類別數

5

最大值

51

最小值

28

合計

195

平均數

39

需要分配類圖表? 直方圖製作工具 · 平均數、中位數、眾數計算機

資料表
類別數值
北區42
南區35
東區28
西區51
中部39
  • 01幾秒鐘就能線上畫好長條圖——貼上資料,圖表即時更新。
  • 02縱向或橫向長條;單系列或雙系列(分組)長條圖。
  • 03支援從 Excel、試算表或 CSV 欄貼上類別/數值。
  • 04圖表下方查看類別數、最大值、最小值、合計與平均數。
  • 05可下載為 PNG 或 SVG,也可以分享一條能重現圖表的連結——免費、免註冊。
/ 02

為什麼使用這個長條圖製作工具

01

即時產生圖表

邊輸入邊重繪長條圖——不必上傳、不必等待。直接從 Excel、Google 試算表或 CSV 貼上類別/數值對,圖表立即呈現。

02

縱向或橫向

一鍵在經典縱向柱狀圖與橫向長條圖之間切換。橫向長條特別適合長類別名和排行列表。

03

雙柱對比圖

新增可選的第二系列即可製作分組(雙)長條圖——非常適合今年 vs 去年、計畫 vs 實際等並排對比。系列盡可能按標籤對齊。

04

摘要統計一併提供

每張圖都附上類別數、最大值、最小值、合計與平均數——還有與圖一致的資料表。

05

匯出與分享

一鍵下載可直接用於發表的圖表:清晰的 2 倍解析度 PNG 適合簡報與作業,可縮放的 SVG 能在任何向量工具中編輯。還可以把圖片複製到剪貼簿,或分享一條能原樣重建圖表的連結——資料與設定全部包含在內。

06

免費且保護隱私

一切都在你的瀏覽器中執行——資料不會上傳到任何伺服器。免註冊、沒有限制、沒有付費牆。打開就能畫長條圖。

/ 03

什麼是長條圖(柱狀圖)?

長條圖(或柱狀圖)比較不同類別上的數值。每個類別畫成一個矩形條,長度或高度與數值成正比。長條圖便於排序項目、找出最大與最小組別,並用雙柱圖並排比較兩個系列。

無論是完成學校作業、銷售報告,還是為簡報做快速對比,清晰的長條圖往往是讓數字說話最快的方式——這個免費的柱狀圖產生器把圖表與摘要放在一處。

長條圖與直方圖
長條圖比較彼此獨立的類別——長條之間有間隔,順序可調整。直方圖把連續數值資料分到區間(組)中,長條彼此相連,順序由數線固定。若 X 軸是地區或產品等標籤,用長條圖;若是測量尺度,用直方圖。
縱向與橫向
縱向長條(柱狀圖)是類別較少時的預設選擇。橫向長條在類別名很長或希望從上到下閱讀排行時更出色。
雙柱(分組)圖
雙柱圖在每個類別下並排放兩個長條,以便比較兩個系列——例如今年與去年。長條在同一類別帶內並排,共享同一數值尺度。
何時使用長條圖
計數、合計、評分或任何落在離散組別上的度量用長條圖。連續時間序列優先用折線圖,數值分配形態用直方圖。
/ 04

如何線上製作長條圖

  1. 01

    貼上資料

    輸入或貼上類別/數值對——每列一對,如「North, 42」。從 Excel 或 Google 試算表複製兩欄也可以。製作雙柱圖時,在可選的第二系列框填入匹配標籤或相同順序的值。

  2. 02

    選擇方向

    縱向長條得到經典柱狀圖;類別名較長時選橫向。編輯時圖表即時更新。

  3. 03

    標註圖表

    設定標題與座標軸標籤,使長條圖在報告或作業中自明。為單系列挑選長條顏色以搭配文件。

  4. 04

    下載與分享

    把完成的長條圖匯出為 PNG 或 SVG。利用圖下的摘要列與資料表描述對比:高、低、合計與平均。

/ 05

畫好長條圖的小訣竅

/ 01

數值軸從零開始

長條的長度編碼大小,截斷軸會誇大差異。當所有值非負時,本工具的數值尺度從零開始——重排匯出圖時請保持這一點。

/ 02

長標籤用橫向長條

若類別名在縱向圖下換行或碰撞,切換到橫向方向,讓每個標籤保持可讀。

/ 03

控制類別數量

超過大約十幾個類別會擠滿座標軸。把小項併入「其他」,或排序後只展示前 N 個,故事更清晰。

/ 04

標註單位

座標軸寫上「收入(千元)」或「分數」,圖表本身就能被看懂。把單位寫進座標軸標籤,而不是只寫在標題裡。

/ 05

公平對比用雙柱

比較兩個時期或組別時,雙柱圖讓兩個系列落在同一尺度上,差異誠實且易見。

/ 06

不要用長條圖展示分配

若需要連續數字的形態——偏態、峰、離群值——用直方圖,而不是把原始值硬做成長條圖。

/ 06

長條圖概念

長條圖的定義

長條圖用矩形條表示分類資料。每個條的長度與所代表的數值成正比,使跨類別的比較直觀可見。

長條圖能告訴你什麼

  • 排名:哪些類別最大或最小。
  • 幅度:各組在共享尺度上的絕對大小。
  • 對比:雙柱圖中兩個系列並排。
  • 突出:相對其餘類別脫穎而出的項。

重要的設計選擇

數值軸從零開始;順序無意義時審慎排序;長標籤優先橫向;連續分配留給直方圖,不要把數值資料硬塞進任意類別長條。

實用計算

類別合計

Total = Σ values

42 + 35 + 28 + 51 + 39 = 195。

平均數值

Mean = Total ÷ n

195 ÷ 5 = 39。

佔總計份額(可選)

Share = (value ÷ total) × 100%

West 51 / 195 → 約 26%。

分組對比

Δ = series1 − series2

North 42 vs 38 → 同比 +4。

/ 07

長條圖製作常見問題

Q01怎麼用我的資料製作長條圖?

把類別與數值對貼到資料框——每列一對,以逗號、Tab 或空格分隔(例如 North, 42)。長條圖立即繪出。可選新增第二系列製作雙柱圖,選擇縱向或橫向,標註座標軸,然後下載 PNG 或 SVG。

Q02長條圖和直方圖有什麼差別?

長條圖(柱狀圖)比較彼此獨立的類別:長條之間有間隔,順序可調整。直方圖透過分組展示連續數值資料的分配;長條彼此相連並沿數線排列。類別用本長條圖工具;分配用直方圖製作工具。

Q03怎麼製作雙柱圖?

在第一個資料框輸入主要類別與數值,再在可選的第二系列框填入另一組數值。匹配的類別標籤會自動對齊;若標籤不同,則按列順序配對。圖表以並排分組長條繪製並顯示圖例。

Q04可以做橫向長條圖嗎?

可以。把方向設為「橫向長條」。數值沿水平軸,類別縱向堆疊——適合長名稱與排行列表。

Q05可以從 Excel 或 Google 試算表貼上資料嗎?

可以。複製兩欄(類別與數值)貼到資料框。Tab、逗號、分號與換行都接受。製作雙柱圖時,把第二欄數值貼到第二系列框。

Q06怎麼下載或分享長條圖?

點 PNG 可取得高解析度點陣圖(以 2 倍解析度繪製,放進簡報與文件都很清晰);點 SVG 可取得可縮放的向量檔,能在 Figma、Illustrator 或 Inkscape 中編輯。匯出檔案角落帶有小的 kanaries.net 署名——螢幕上的圖沒有。你也可以複製 PNG 到剪貼簿,或點「分享連結」複製能原樣重現圖表的 URL;資料裝在連結片段中,絕不會上傳到伺服器。

Q07這個長條圖工具免費嗎?我的資料安全嗎?

兩個答案都是肯定的。工具完全免費,免註冊、沒有限制,而且完全在你的瀏覽器中執行——資料不會上傳到任何伺服器,所以處理私密或敏感數字也很安全。

Q08什麼時候該用長條圖而不是直方圖?

當每個長條是命名類別(地區、產品、年級)時用長條圖製作工具。當你有一欄測量值並想看它們在數值組上的分配時用直方圖製作工具。