Singlearea
11:03:4544.1000
020406080100120
10:50:0010:55:0011:00:00
Series
Overlapping6 series
11:03:45233.04147.46113.9655.320044.10005.0000
0100200300400
10:50:0010:55:0011:00:00
Series 1
Series 2
Series 3
Series 4
Series 5
Series 6
Demo
ModeStream mock data vs. static snapshot
DataMock generator used by the live preview
Perf HUDFPS, frame time, draw calls, per-series ms, heap
Display
Info barSeries values above the chart
CrosshairVertical + horizontal cursor lines
Series
CurveStroke + area share one path
Stack100% stays on a linear Y axis
Stroke width
1px
FillArea gradient below the line
PointsDot at each data point
Tooltip
TooltipOn hover
Sort
Custom renderTop 3 rows via slot / render-prop
Legend
Position
On click
Grid
Visible
Style
X axis
Visible
HeightReserved pixels for labels
30px
Y axis
Visible
PositionSide of the plot the axis sits on
ScaleLog spaces powers of ten evenly; values ≤ 0 are skipped
WidthReserved pixels for labels
55px
MinFixed lower bound (or auto)
MaxFixed upper bound (or auto)
Background
GradientSoft background gradient
Header layoutHow the header interacts with the plot area
Animations
— Series —
Line entry style
Line entryPer-point entrance duration. 0 disables.
250ms
Line smoothLast-value chase time-constant. 0 snaps.
250ms
Line pulseHalo cycle period at the line tail. 0 disables.
600ms
— X axis —
X curveSpring carries velocity across streaming ticks; Snap disables easing.
X settleStreaming retarget baseline. Cadence EMA tunes this at runtime.
200ms
X gesturePan / zoom commit easing. 0 = instant apply.
150ms
— Y axis —
Y curveHermite: fixed-duration cubic. Spring: critically-damped physics. Snap: no animation.
Y settleOutward chase to a new extreme. Faster = punchier reaction to spikes.
250ms
Y sticky minFloor of the dynamic contract — a tiny recede. Short = snappy small re-fits.
500ms
Y sticky maxCap of the dynamic contract — a full-range contraction. Larger = stickier auto-fit hold.
2500ms
Y gestureY override during gestures. Short = frame-per-tick interactive feel.
100ms
— Other —
Tick fadeCross-fade duration for axis tick labels.
250ms
Visibility toggleSeries-visibility fade plus Y re-fit duration.
250ms