Interactions

Gestures by chart#

• Area / line / bar / combo: drag to scrub, tap to pin the tooltip, tap again to clear.
• Pie / donut: drag around the ring; the active slice pops out and the centre text updates.
• Legend: tap to hide a series (animated), or legendMode="select" to highlight.
• Gauge: interactive lets the user drag the needle.
• Brush: drag the window or its handles to zoom long series.

Haptics & scroll locking#

import * as Haptics from "expo-haptics"; const [scrolling, setScrolling] = useState(true); <ScrollView scrollEnabled={scrolling}>  <AreaSeriesChart    {...props}    onSelect={(i) => i !== null && Haptics.selectionAsync()}    onScrubStart={() => setScrolling(false)}    onScrubEnd={() => setScrolling(true)}  /></ScrollView>

Data changes morph shape-to-shape, so range toggles (90d → 30d → 7d) animate instead of jumping.