Interactive Cursor

Synchronized crosshairs, custom axis pointers, free cursors, and table row syncing.

ECharts Axis Pointer

Snapped vertical axis pointer with grouped tooltip details.

npx shadcn@latest add @paceui/tanstack-charts-echarts-axis-pointer

Loading preview...

Free 2D Continuous Crosshair Cursor

Arbitrary XY continuous crosshairs with dynamic coordinate popup tooltip.

npx shadcn@latest add @paceui/tanstack-charts-echarts-free-cursor

Loading preview...

Synchronized Dual-Grid X-Axis Crosshair

Multi-panel vertically synchronized chart grid with linked inspection cursor.

npx shadcn@latest add @paceui/tanstack-charts-echarts-synchronized-cursors

Loading preview...

Pinned Nested Chart Tooltip

Rich interactive popover tooltip rendering a nested sub-chart upon hover.

npx shadcn@latest add @paceui/tanstack-charts-pinned-nested-chart-tooltip

Loading preview...

Select Extrema

Line chart automatically pinpointing and labeling high/low extrema points.

npx shadcn@latest add @paceui/tanstack-charts-select-extrema

Loading preview...

Chart Table Selection

Bidirectional state synchronization connecting scatter plot points and interactive table rows.

npx shadcn@latest add @paceui/tanstack-charts-chart-table-selection

Loading preview...

Recharts Interactive Legend

Interactive toggleable series legend to show or hide individual series dynamically.

npx shadcn@latest add @paceui/tanstack-charts-recharts-interactive-legend

Loading preview...