一款瀏覽器長條圖產生器，僅接受嚴格的 label,value 資料列，只要一次貼上，就能將 Excel 中一小段儲存格範圍轉換成可下載的 SVG 長條圖，完全跳過「插入圖表」功能區、「格式」窗格以及 Excel 的圖表引擎。對於工作表已經整理好兩欄資料集的使用者來說，這個流程能將步驟從「選取儲存格、點選功能區、重新設定格式、修正座標軸、匯出」縮減為「複製、貼上、驗證、下載」。Excel 仍然是保存、排序與重新計算資料的最佳場所，但它未必是產出最終視覺圖表的最快途徑。在瀏覽器中運作的專用 長條圖產生器 會接收相同的資料列，以確定性的方式排版，並產生一個獨立的 SVG 檔案，讓你可以直接放入文件、簡報或網頁中，而不需要內嵌 Excel 圖表物件。
Excel vs 瀏覽器長條圖產生器：選擇合適的工作流程
兩種方式都能產生圖表，但一旦分類數量超過少數幾個，或你需要可攜帶的檔案時，兩者在權衡上會出現真正重要的差異。下表在讀者最常詢問的幾個面向，比較標準的 Excel 插入圖表流程與長條圖產生器流程，並僅使用瀏覽器工具產品合約中定義的限制。
| 面向 | Excel 插入圖表 | 長條圖產生器 |
|---|---|---|
| 執行位置 | 活頁簿檔案內部 | 僅在目前的瀏覽器分頁 |
| 接受的資料列範圍 | 沒有固定上限；當超過約 30 個資料點時，排版品質會下降 | 剛好 2 到 30 個非空白列 |
| 輸出檔案 | 與活頁簿綁定的原生圖表物件 | 獨立的 SVG 檔案 |
| 座標軸刻度處理 | 透過「座標軸格式」手動設定 | 自動產生五個等距刻度 |
| 零值 | 行為取決於 Excel 版本與圖表子類型 | 在基線上顯示明確的零高度長條 |
| 資料是否送往伺服器 | 否，針對本機檔案 | 否；解析與 SVG 產生皆在本機執行 |
| 公式支援 | 完整的 Excel 公式引擎會重新計算圖表 | 無；工具僅讀取貼上的文字 |
| 最佳適用情境 | 即時資料、頻繁更新、原生共用 | 從靜態快照產生可攜、完成的視覺圖表 |
簡短版本：Excel 仍用於儲存與即時重新計算；當你需要一份乾淨、可攜、與預覽一致、且資料完全不離開分頁的 SVG 時，再改用瀏覽器工具。
將資料以正確格式從 Excel 匯出
長條圖產生器刻意對輸入採取嚴格規範，因此仔細準備 Excel 資料是最重要的一步。每個非空白列必須依序為「標籤、一個逗號、一個數值字詞」。其他情況——包含在引號中的逗號、額外的欄位、像 "kg" 或 "%" 這類單位、百分比格式、公式、十六進位、Infinity、NaN，或空白的標籤——皆不受支援，且整個請求會失敗。解析器絕不會只保留前 30 列、不會略過錯誤的列、不會以零取代，也不會產生部分圖表。
準備 Excel 資料的方式：
- 挑選包含分類標籤與數值的兩個欄位，僅複製資料範圍。由於工具會將每一列視為一個分類，欄位標頭應保留在複製範圍之外。
- 確認每個標籤儲存格儲存的是純文字，而非 Excel 可能自動強制轉型的「格式化為文字的數字」，並確認每個數值儲存格是真正的數字而非文字字串。
- 從數值欄位中移除千分位分隔符與貨幣符號。工具僅接受純十進位小數與 e/E 科學記號表示法；"1,234" 與 "$42" 都會失敗。
- 確認資料集包含 2 到 30 個非空白列。少於 2 列時圖表無從比較；多於 30 列時產生會失敗，並回傳精確的非空白列數。
- 標籤長度限制在 24 個 UTF-16 字碼單位以內，數值字詞長度限制在 40 個以內；超過任一限制一個單位，整張圖表就會被拒絕。
一段可直接從 Excel 貼上、每列為 label,value 且兩者之間只有一個逗號的資料如下：
Apples,42 Oranges,27 Bananas,53 Grapes,18 Pears,31
每個標籤與數字前後的空白會自動被修剪，空白行會被忽略，而重複的標籤是被允許的，且會依輸入順序保持為獨立的長條。工具不會對這些列進行彙總、排序或單位推斷。
將資料輸入長條圖產生器
資料列準備好後，實際產生圖表的步驟很短。長條圖產生器圍繞三個經驗證的步驟設計，且順序很重要，因為編輯標題或資料會立即清除先前的預覽、狀態與下載。
- 開啟長條圖產生器，在標題欄位中輸入可選的標題。空白標題仍會獲得 "Bar chart" 的無障礙標籤，確保螢幕閱讀器與無障礙文字保持合理。
- 將 2 到 30 筆嚴格的 label,value 資料列貼入資料區，每個非空白列僅能有一個逗號，標籤在前，數值字詞在後。
- 點選「產生」。工具會解析每一列，計算一個有限的非負線性刻度，將上限進位至 10 的冪次的有限 1、2、5 或 10 倍，並繪製五個等距的參考刻度。
若任何一列解析失敗——逗號數量錯誤、數值字詞非數字、標籤超過上限、數值高於 1e300、詞法上非零但底層下溢為零，或非有限值——整個產生流程會失敗，且不會產生部分圖表。數值必須為非負且有限的十進位數字，支援一般小數與 e/E 記號，負零會被正規化為零。
下載前先驗證預覽
預覽就是唯一的真實來源。一段產生的 SVG 字串同時驅動可見的圖表與 Blob 下載，因此你所見即所存。在按下下載前，請檢查下列事項：
- 分類標籤依輸入順序顯示且經過旋轉，即使 30 個分類的完整圖表在桌面預覽中也能保持可讀，不會被擠壓成行動裝置寬度。
- y 軸上可看到五個數值刻度。顯示的最大值是進位後的「漂亮網域」上限，而非原始資料的最大值，零則位於基線上。
- 每個零值都會在基線上產生零高度的長條。若所有值皆為零，圖表會使用明確的零到一參考範圍，讓所有長條維持零高度，並顯示「全為零」的註記，而非發生除以零的錯誤。
- 若其中一個數值比其他數值大上數百個數量級，在 SVG 座標精度下，一個微小的正數長條可能在視覺上難以與零區分。工具提示仍會回報正確的數值，且工具不會捏造最小高度的長條，因為這樣做會破壞所宣告的線性刻度。
SVG 高度為 520 像素，並會隨著資料列新增而水平展開，因此分類槽位會保持分離，且寬圖表在預覽中以捲動呈現，而非將標籤擠在一起。座標為有限值，並經過邊界檢核，於標記中四捨五入至小數三位；座標軸標籤最多使用六位有效數字或科學記號。
下載並使用 SVG
當預覽看起來正確後，點選下載按鈕。工具會從預覽中顯示的同一段 SVG 字串建立 Blob URL，並以一般錨點下載的方式提供。該檔案是使用 W3C 命名空間與標準 rect、line、text、g、title 元素的獨立 SVG，符合 W3C SVG 2 規格。
你可以將該檔案放入 Word 或 Google Docs 文件、嵌入簡報，或直接內嵌於 HTML 網頁中。使用者輸入的字串在進入任何文字、工具提示、標題或無障礙屬性之前皆經 XML 逸出處理，XML 不允許的控制字元與未配對的代理字元會轉為 U+FFFD，因此類似腳本內容的標籤仍會以可見文字呈現，而非成為 SVG 元素。若日後仍需要精確分析，請在 Excel 中保留原始數字，因為此圖表是為視覺判讀所設計，而非供算術再用。
ObjectURL 在下載期間保持有效，並在你編輯標題或資料、取代結果、發生產生失敗，或卸載元件時自動撤銷。這可同時避免立即撤銷所造成的下載競爭，以及舊版圖表函式庫常見的 ObjectURL 累積洩漏問題。
何時瀏覽器長條圖不是合適的選擇
長條圖產生器的功能範圍刻意設得很窄。它不會進行彙總、排序、單位推斷、百分比正規化、不支援對數刻度、不產生圖例、不依語意選擇顏色，也不會驗證圖表是否負責任地傳達資訊。當你需要下列任何功能時，請略過它並留在 Excel 中：
- 由公式重新計算驅動的即時更新，讓圖表在底層儲存格變動時自動重新整理。
- 單一視覺中超過 30 個分類而無需拆分資料。
- 每個分類有多個數列、堆疊長條或叢集群組。
- 對數 y 軸，讓微小的正值在數量級差異極大的數值旁仍保持可見。
- 自訂字型、品牌配色或會隨資料移動的圖例。
在這些情境下，Excel 的「插入圖表」功能區仍是正確的選擇。當資料已經是定稿、規模小到足以一次貼上，且你需要一份與預覽一致、無須伺服器往返的可攜 SVG 時，瀏覽器工具便能勝出。一切皆在本機進行：標籤、數值、標題、SVG 或互動皆不會上傳，工具不會執行公式、抓取資料、解析完整 CSV、產生點陣圖、新增圖例，也不會依語意選擇顏色，因此你所貼上的內容就是實際呈現的內容。
延伸閱讀：從 CSV-Lite 資料列在 Canva 中製作長條圖。
延伸閱讀：在瀏覽器中線上將表格轉為圖表。