長條圖製作工具
輸入標籤與數值，即時產生長條圖並匯出 PNG。
長條圖製作工具讓你輸入多筆「標籤＋數值」資料，即時在畫布上產生清楚的長條圖，並可加上圖表標題。圖表會自動計算刻度與比例，完成後可一鍵匯出 PNG，貼到報告、簡報或教學講義中。所有繪製都在你的瀏覽器本機完成，資料不會上傳。
工具互動區
如何使用
- 輸入圖表標題（選填）。
- 在每一列填入標籤與對應的數值。
- 按「新增一列」加入更多資料，圖表會即時更新。
- 完成後按「匯出 PNG」下載圖片。
常見使用情境
- 製作每月銷售或來客數的長條圖。
- 比較不同班級或組別的成績分布。
- 在報告中呈現問卷各選項的票數。
內容與驗證流程複查:
長條圖製作工具 的驗證方法與判讀界線
這一段只針對「長條圖製作工具」本身：預設已有四列種子資料，圖表在你輸入時即時重繪，沒有另外的「產生」按鈕。
先用預設四列資料核對即時重繪
頁面載入時已經有「一月 120、二月 150、三月 90、四月 180」四列資料，長條圖會直接顯示四根長條，最高的二月長條會頂到量尺上緣附近；把任一數值改成別的數字，圖表會立刻重繪，不需要按任何「產生」或「更新」按鈕，只有「匯出 PNG」是額外動作。
標籤或數值任一無效時，那一列會被整根跳過（不是報錯擋下）
把某一列的數值欄位清空、改成非數字文字，或改成負數（例如 -50），那一列會被直接排除在圖表計算之外——不會跳出錯誤訊息，也不會讓整張圖無法顯示，剩下的列照常畫出。只有當「全部」列都是空白、非數字或負數時，畫布下方才會出現「請輸入至少一筆有效資料」的提示文字，圖表區維持空白。
標籤過長會被自動截斷，數字格式也有固定規則
標籤字數超過 10 個字元時，長條下方只會顯示前 9 個字加上「…」（例如「三年級忠班平均成績」會顯示成「三年級忠班平…」），完整文字不會用 tooltip 補回來，需要自行縮短標籤。長條上方的數值標籤固定四捨五入到小數第 2 位再套用千分位樣式（例如 1234.567 會顯示成 1,234.57），輸出的 PNG 背景固定是白色，適合直接貼到白底文件或簡報。
完成前檢查清單
- 至少一列同時填了標籤與非負數值，畫布下方沒有出現「請輸入至少一筆有效資料」的提示。
- 已確認空白、非數字或負數的列會被整根跳過而不是報錯，圖表顯示的長條數等於有效列數，不是輸入列數。
- 標籤超過 10 個字元時已知道會被截斷成「前 9 字＋…」，需要完整名稱時已自行縮短或改放在圖表標題。
- 匯出 PNG 前已再次確認畫面上的長條與數字，因為匯出時會重新呼叫繪圖函式，畫面上看到的就是會存檔的內容。
常見問題
- 可以加入多少筆資料？
- 沒有硬性上限，但欄位過多時長條會變窄，建議控制在十多筆以內以保持清楚。
- 數值可以是小數嗎？
- 可以，數值支援小數；空白或無效的列會自動忽略。
- 匯出的圖片是什麼格式？
- 匯出為 PNG 圖片，背景為白色，方便直接貼到文件或簡報。
- 資料會被上傳嗎？
- 不會，所有繪製都在你的瀏覽器本機完成。
- 可以做負數的長條圖嗎？
- 目前以非負數值為主，負數列會被忽略，適合一般的數量與占比呈現。
隱私與本機處理
🔒 此工具完全在您的瀏覽器本機執行，不會將任何資料上傳到伺服器。
所有圖表繪製都在你的瀏覽器本機進行，輸入的資料不會上傳。
信任與使用提醒
本工具主要在你的瀏覽器中執行，輸入內容不會主動上傳到伺服器。請避免輸入高度敏感資料。計算結果僅供參考。
最後更新:
訂閱更新
新工具上線與實用技巧，第一時間寄到你的信箱。不塞廣告，隨時可退訂。