資料轉換篩選

概述

基於 transform 的篩選允許在客戶端按條件（國家、年份區間、分類等）處理資料。這樣能從同一來源衍生多種視圖，減輕伺服器負載，並在無需額外後端處理的情況下提供互動式視覺化。

何時使用

• 對比大型資料集中的特定子集（如從全球資料中挑兩個國家）
• 互動式儀表板，使用者可即時篩選資料
• 基於同一來源展示多種視圖而不重複資料
• 依時間篩選（「自 1950 年起」「最近 30 天」）
• 依類別篩選（地區、產品線等）

不適用

• 超大資料集（transform 成本高；考慮伺服器端篩選）
• 需要 join 或複雜聚合的多步管線
• 需要在後端保存/稽核篩選結果的情境
• 持續更新的即時資料流

關鍵變體

• 簡單篩選：單一條件（Country = "Germany"）
• 複合篩選：多條件 AND/OR
• 區間篩選：數值或日期（Year >= 1950）
• 多視圖派生：從同一來源生成多份篩選視圖
• 動態篩選：由使用者控制條件

資料 (CSV)

x,y,series
1950,7251,Germany
...
2015,37599,France

圖表配置 (JSON)

最佳實踐

• 先篩選，減少傳給後續變換的資料量
• 重用同一來源，從單一資料集建立多份篩選視圖
• 條件清晰，便於維護與檢查
• 監控效能，用真實資料量測試
• 備案：若資料集變大，準備伺服器端方案

常見問題

與伺服器端預篩選有何不同？ 預篩選在後端執行；transform 在客戶端執行，能在不重新請求的情況下更換條件。

可以組合條件嗎？ 可以，使用邏輯運算同時按多個國家或時間範圍篩選。

對大資料集的影響？ 大約 1 萬列內表現良好；超出時考慮伺服器端篩選或分頁。

使用者能動態調整篩選嗎？ 能。更新 transform 設定並重新渲染，無需重新抓取資料。

如何偵錯篩選？ 檢查篩選後的資料集（console.log），確認條件欄位名稱正確。對空結果給出清楚提示。

結果為空怎麼辦？ 顯示「當前篩選沒有資料」並提供重置選項，避免留下空白畫面。