Guides
Momentum
Directional arrows and auto-detect vs forced direction
Usage
<LiveChart data={data} value={value} momentum />
<LiveChart data={data} value={value} momentum="up" />
<LiveChart data={data} value={value} momentum={false} />| Value | Behavior |
|---|---|
true (default) | Auto-detect from recent points |
"up" | "down" | "flat" | Force direction (and colors) |
false | Hide arrows; tip still draws |
Arrows fade out fully before the new direction fades in.
Visual language
- Up — green tip + up arrow
- Down — red tip + down arrow
- Flat — accent-colored tip, no strong direction
Arrows crossfade when direction changes so the tip does not flicker.
Pairing
Momentum pairs well with:
valueMomentumColoron the large value overlaydegenparticles on swings (Effects)- Orderbook stream speed (reacts to momentum + churn)