# Dual-axis sales vs traffic line chart with period compare, line color pickers and store KPIs

> Storefront sales and product views over 30 days, 13 weeks or 12 months, with previous period lines, per line color pickers, sales, views, conversion and order value KPIs, CSV or JSON export. shadcn Card, Chart, ToggleGroup. For e-commerce analytics.

A paid shadcn/ui block sold by the [@reui](https://reui.io/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/reui/chart-24).

- Page, with a preview: https://shadcn.exchange/r/reui/chart-24
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/reui/chart-24-light-0a9549cfddb2d14f.png
- Listed: 2026-10-13

## Buy and install

@reui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/reui/chart-24

## Dependencies

- npm packages: `cn`, `motion`, `recharts`, `sonner`
- Registry items: `@reui/badge`, `@reui/color-picker`, `button`, `button-group`, `card`, `chart`, `dialog`, `dropdown-menu`, `separator`, `spinner`, `toggle`, `toggle-group`, `tooltip`