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 |
Live preview uses the shared engine via React bindings; copy the Vue snippet above.
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)