Area Charts

ApexCharts area family — basic, gradient, stacked, spline and negative variants, all on the live Aurora palette.

Docs
Basic · single tint

Monthly Revenue

12-month trend with a flat 12% area fill on the accent colour

Monthly revenue, Jul to Jun
MonthRevenue
Jul$42,100
Aug$48,300
Sep$45,200
Oct$53,400
Nov$57,100
Dec$55,600
Jan$62,400
Feb$60,200
Mar$68,900
Apr$72,300
May$70,100
Jun$74,820

When to use area

Quick reference

Show volume over time
The filled area emphasises the magnitude of a single trending metric.
Stack parts of a whole
Stacked areas read composition without losing the total.
Smooth the noise
Spline curves soften jagged sampling for a calmer read.
Recommended fill opacity 8–14%
Gradient fill

Payout Volume

Vertical gradient fade from accent to transparent

Smooth · spline

Active Subscriptions

Two metrics, smoothed curve, soft tint

Pro Team
Stacked · parts of a whole

Revenue by Channel

Direct, organic, referral and paid stacked to the monthly total

Direct Organic Referral Paid
Negative values

Net Cash Flow

Inflow above, outflow below zero

Net this quarter +$18,940