Pro Components

Base Components

Charts 6

Multi-line chart comparing two series (e.g. current vs previous period) with solid and dashed lines and legend.

Example

Revenue Comparison
Current year vs previous year

Introduction

Charts 6 is a multi-line comparison chart:
  • Lines: Two series (e.g. current period solid, previous period dashed) with distinct colors.
  • Legend: Labels below the chart; tooltips show both values at each point.
  • Card: Bordered card with title.
Good for period-over-period or year-over-year comparison. Uses Chart and Recharts.

Usage

import { ChartCard6 } from "@/components/ui/chart-card-6";

<ChartCard6 />;
Replace the sample data with your time series and series keys.

On this page