選圖表的順序是「先想這張圖要回答什麼問題」,再挑類型——趨勢用折線、比較用長條、佔比用甜甜圈。這章把意圖對應圖表整理成一張速查表,並提醒兩個最常被忽略的點:不能只靠顏色辨識(色盲),以及空資料與螢幕報讀都要照顧到。要畫任何圖之前翻這頁。
這是什麼
圖表操作列 toolbar:期間、排序、系列開關、表格備援等。
什麼時候用
每張圖表卡片都應有;變更即時反映並更新 aria-label 摘要。
role="toolbar";切換後更新 aria-label 文字摘要。這是什麼
折線圖:呈現隨時間變化的 KPI 趨勢。
什麼時候用
營收、活躍用戶、錯誤率等一圖一問題;單系列優先,避免多線難讀。
這是什麼
直條圖:離散類別間的數值比較。
什麼時候用
渠道、方案、地區等;類別 ≤8 可讀性最佳,超過改橫條。
這是什麼
橫條圖:多類別或長標籤的排行比較。
什麼時候用
功能使用率 Top N、長文案類別、類別超過 8 個時。
這是什麼
複合圖:長條表「量」、折線表「率」,同一時間維度。
什麼時候用
訂單數 + 轉換率等同維度量率並看;可關閉折線避免雙軸誤讀。
這是什麼
甜甜圈圖:各類別佔總量比例。
什麼時候用
方案分布、預算分配、狀態佔比;類別 ≤5,超過改橫條。
這是什麼
面積圖:總量隨時間累積或堆疊的趨勢。
什麼時候用
用戶成長、累積營收、儲存量等;非各類別佔比。
這是什麼
散布圖:兩個連續變數的相關與離群。
什麼時候用
功能使用頻率 vs 滿意度、客單 vs 回購次數等探索性分析。
這是什麼
雷達圖:3–6 個同尺度維度的綜合評分。
什麼時候用
方案能力、技能雷達、競品對照;維度 >6 改表格。
這是什麼
漏斗圖:線性流程各階段人數與轉換率。
什麼時候用
註冊、結帳、onboarding 等逐步流失分析。
這是什麼
5 階密度 heatmap:淺灰 → brand 混色;適合預約日曆、產能熱區。
什麼時候用
需一眼看出時間/空間密度分布;搭配 publication chart 細線折線使用。
這是什麼
數字 KPI 卡與含趨勢小圖的指標卡,可並排多欄(參考 Arcade、Cloudflare Analytics)。
什麼時候用
儀表板首屏要一次呈現多個關鍵指標時;欄數依螢幕寬度調整。
這是什麼
圖表主卡:頂部摘要數字、長條圖、底部域名或分類圖例(參考 Resend Metrics)。
什麼時候用
需要一張卡同時呈現總覽數字與趨勢圖、並附分類明細時。