Skip to content

[Phase2-3.1] 圖表 drill-down 互動 #104

@cct08311github

Description

@cct08311github

Parent Epic

#90

依賴

任務

點擊圖表柱體/節點 → 自動加 filter 條件重新查詢(下鑽一層)。

實作

修改 framework_analysis.js

1. drill 歷史堆疊

_state[gridId].drillStack = [];
// 每次 drill-down:push 當前 selection + filters
// 「返回上層」按鈕:pop 並重新查詢

2. ECharts click handler

chart.on('click', (params) => {
    // params.name = 維度值(如 "華東")
    // 自動加入 filter: { field: dimField, operator: "Eq", value: "華東" }
    // 若有日期鑽取:自動降一個 hierarchy(Year → Quarter → Month → Day)
    // 重新 query()
});

3. UI

  • 顯示當前 drill 路徑(如 全部 > 華東 > 2026-Q1
  • 「返回上層」按鈕
  • 「重置」回到最頂層

驗證

  • Jest 測試:drillStack push/pop
  • Jest 測試:自動 filter 建構
  • Jest 測試:日期自動降階

複雜度

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Priority 2analysis-modeAnalysis Mode featureenhancementNew feature or requestin-progressWork currently in progressjavascriptPull requests that update javascript codephase-2Phase 2 roadmap

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions