← Belső rendszer fejlesztők adatlapja
Nézd meg, miben segít
Összekapcsolt nézetek és részletezés
Következetes kijelölést és szűrést tart fenn kapcsolt diagramok között a mutatójelentés és navigációs helyzet megőrzésével.
linked-views-drill-down
Ezt a skillt használó csapattagok
Mikor hasznos?
Akkor használd, ha diagramkijelölés más nézetet szűr körkörös frissítés nélkül.
Miben segít neked?
- Egyetlen hiteles állapotban tárolja a közös szűrőt és kijelölést.
- Megelőzi, hogy diagramok végtelenül egymás frissítését váltsák ki.
- Megőrzi az adatkört, egységet és a részletből visszavezető utat.
Például ezt kérheted
Kapcsold a régiós értékesítési diagramot rendeléstáblához, megőrizve a szűrőt a rendelésből visszatérve. Szűrj régióra, nyiss rendelést, majd lépj vissza. Ugyanaz a hatókör, kijelölés és egyeztetett összeg térjen vissza, eseményhurok nélkül.
Részletes dokumentáció
Itt a skill eredeti útmutatóját, példáit és ellenőrzési szempontjait olvashatod az eredeti nyelven.
Összecsukás
Linked Views & Drill-Down
Use this skill when connecting multiple charts, KPI cards, and detail tables so brushing, clicking, or hovering in one view updates or highlights related views coherently.
Coordinated Multi-View State Architecture
- Single Source of Truth for Shared Selection & Filter State:
- Maintain shared filter and selection dimensions (
timeRange,granularity,selectedCategories,hoveredTimestamp,drillPath) in a unified dashboard state store (and sync bookmarkable filters to URL query parameters). - Separate transient highlight state (crosshair timestamp or hovered category, throttled via
requestAnimationFrame) from committed filter state (brush release or category click, which triggers data queries or table filtering).
- Maintain shared filter and selection dimensions (
- Prevent Circular Update Loops:
- When Chart A's brush updates the global
timeRangeand Chart B reflects that range, guard programmatic brush/zoom synchronization so Chart B does not re-emit a change event that triggers an infinite feedback loop.
- When Chart A's brush updates the global
Preserving Context & Metric Meaning Across Linked Views
- Highlight-in-Context vs. Hard Subset Filtering:
- When clicking a category segment in one chart, make it clear whether linked charts are filtered to that subset only or highlighting that subset against the total population (e.g., muted background bars for total + highlighted foreground bars for the selected segment).
- Keep Denominators and Comparison Bases Honest:
- When a drill-down narrows the view from "All Regions" to "Region = EMEA", update titles, subtitles, and percentage denominators explicitly so the user never mistakes a share-of-subplot (
% of EMEA) for share-of-total (% of Global).
- When a drill-down narrows the view from "All Regions" to "Region = EMEA", update titles, subtitles, and percentage denominators explicitly so the user never mistakes a share-of-subplot (
- Clear Drill-Down Breadcrumbs & Escape Paths:
- For hierarchical drill-downs (
Year -> Quarter -> Month -> DayorCompany -> Department -> Team -> Rep), render an interactive breadcrumb trail (All > EMEA > Enterprise) and a clear "Back / Reset" action.
- For hierarchical drill-downs (
Checklist
- Do all linked charts, KPI cards, and tables derive from a single synchronized filter/selection state?
- Are high-frequency hover/crosshair updates separated from committed filter changes so queries do not fire on hover?
- Do titles, breadcrumbs, and percentage denominators clearly state whether a view shows the total population or a drilled-down subset?
- Can the user step back up a drill-down hierarchy or clear a brush selection in one click or keypress?
Csomagban lévő fájlok 1
SKILL.md
