Close



Data Sources



General

Data Sources | General

Connections

Data Sources | Connections

Fields & Formulas

Data Sources | Fields & Formulas

Reports



Creating & Sharing

Reports | Creating & Sharing

Report Editing

Reports | Editing

Report Config

Reports | Report Config

Chart Cards

Reports | Chart Cards

Content Cards

Reports | Content Cards

Data Chat



General

Data Chat | General



General

AI | General

Clients



General

Clients | General

Integrations



General

Integrations | General

Webhook — Local & Reviews

Integrations | Webhook — Local & Reviews

Webhook — Automation Payloads

Integrations | Webhook — Automation Payloads

MCP

Integrations | MCP

Webhook — Other

Integrations | Webhook — Other

Settings



Account & Billing

Settings | Account & Billing

Users

Settings | Users

Comments & Notes

Settings | Comments & Notes

Notifications

Settings | Notifications

FAQ

Settings | FAQ

Other

Settings | Other

KPI Forecasting



General

KPI Forecasting | General

Settings & Status

KPI Forecasting | Settings & Status

Seasonality

KPI Forecasting | Seasonality

Metrics by Source

KPI Forecasting | Metrics by Source

Budget Tracking



General

Budget Tracking | General

Anomaly Detection



General

Anomaly Detection | General

Automation Jobs



General

Automation Jobs | General

Change History

Automation Jobs | Change History

URL & Page Checkers

Automation Jobs | URL & Page Checkers

Local & Reviews

Automation Jobs | Local & Reviews

Search Console

Automation Jobs | Search Console

Insights



Managing Insights

Insights | Managing Insights

Change History

Insights | Change History

URL & Page

Insights | URL & Page

Local & Reviews

Insights | Local & Reviews

Other Insight Types

Insights | Other Insight Types

Local Listings



General

Local Listings | General

Profiles & Content

Local Listings | Profiles & Content

Performance & Activity

Local Listings | Performance & Activity

Media

Local Listings | Media

Categories & Services

Local Listings | Categories & Services

Reviews



General

Reviews | General

General

Social Posts | General

Creating Posts

Social Posts | Creating Posts

Managing Posts

Social Posts | Managing Posts

Data Warehouse



Pipelines

Data Warehouse | Pipelines

Access & Credits

Data Warehouse | Access & Credits

Source Fields

Data Warehouse | Source Fields

Data Studio

Data Warehouse | Data Studio

BigQuery

Data Warehouse | BigQuery

General

Clients | General

General

Integrations | General

MCP

Integrations | MCP

Webhook — Automation Payloads

Integrations | Webhook — Automation Payloads

Webhook — Local & Reviews

Integrations | Webhook — Local & Reviews

Webhook — Other

Integrations | Webhook — Other

Account & Billing

Settings | Account & Billing

Users

Settings | Users

Comments & Notes

Settings | Comments & Notes

Notifications

Settings | Notifications

FAQ

Settings | FAQ

Other

Settings | Other

Recent Updates



Account Settings

Settings | Account & Billing

Acknowledging and Resolving Insights

Insights | Managing Insights

Add comment from Slack

Integrations | General

Add comment from Zapier

Settings | Comments & Notes

Adding a User

Settings | Users

AI Analysis Generation

Reports | Creating & Sharing

AI Credits

AI | General

AI Models

AI | General

Analysis Card

Reports | Content Cards

Anomalies Bulk Action

Anomaly Detection | General

Anomaly Algorithm

Anomaly Detection | General

Anomaly Detection

Anomaly Detection | General

Anomaly Detection Insight

Insights | Other Insight Types

Anomaly Detection Settings

Anomaly Detection | General

Anomaly Detection Webhook Payload

Integrations | Webhook — Other

Anomaly Job Common Errors

Anomaly Detection | General

An overview of Local Listings

Local Listings | General

An overview of Reviews

Reviews | General

Area Chart Card

Reports | Chart Cards

Attributes

Local Listings | Profiles & Content

Automatic Schema Updates

Data Warehouse | Pipelines

Automation: Facebook Ads Destination URL Checker

Integrations | Webhook — Automation Payloads

Automation: Google Ads Change History

Integrations | Webhook — Automation Payloads

Automation: Google Ads Destination URL Checker

Integrations | Webhook — Automation Payloads

Automation: Google Analytics Change History

Integrations | Webhook — Automation Payloads

Automation: Google Business Profile Answer

Integrations | Webhook — Local & Reviews

Automation: Google Business Profile Change History

Integrations | Webhook — Automation Payloads

Automation: Google Business Profile Pending Updates

Integrations | Webhook — Local & Reviews

Automation: Google Business Profile Question

Integrations | Webhook — Local & Reviews

Automation: Google Review

Integrations | Webhook — Local & Reviews

Automation: Google Review Change History

Integrations | Webhook — Automation Payloads

Automation Job Common Errors

Automation Jobs | General

Automation Jobs

Automation Jobs | General

Automation: Microsoft Ads Destination URL Checker

Integrations | Webhook — Automation Payloads

Automation: Page Status Checker

Integrations | Webhook — Automation Payloads

Automation: Robots.txt Change Detection

Integrations | Webhook — Automation Payloads

Automations Bulk Action

Automation Jobs | General

Automation: Search Console Activity

Integrations | Webhook — Automation Payloads

Automation: Search Console Keyword Movement

Integrations | Webhook — Automation Payloads

Auto Resolving

Insights | Managing Insights

Bar Chart Card

Reports | Chart Cards

Branding

Reports | Creating & Sharing

Budget Campaign Dynamic Filter

Budget Tracking | General

Budget Common Errors

Budget Tracking | General

Budget history

Budget Tracking | General

Budgets Bulk Actions

Budget Tracking | General

Budget Settings

Budget Tracking | General

Budget Status

Budget Tracking | General

Budget Tracker Webhook Payload

Integrations | Webhook — Other

Budget Tracking

Budget Tracking | General

Budget Webhook URL

Budget Tracking | General

Bulk Action

Local Listings | General

Bulk Upload Images

Local Listings | Media

Calendar

Social Posts | General

Cancel Subscription

Settings | Account & Billing

Card Chat

Reports | Editing

Card Data Filters

Reports | Creating & Sharing

Area Chart Card

‍
‍

Show metrics over time with filled areas under each series. Useful for cumulative totals and comparing volume trends.

‍

At a glance

An area chart is a line chart with the space below each line filled - it emphasizes magnitude and cumulative volume, not just direction.
Stacking (None, Normal, or Percent) is the big feature Area has that Line doesn't - stack a few series to show both the total and each series' share of it.
Fill opacity is adjustable per metric (15%-100%) - lower it when series overlap so you can still see through to the ones behind.
Everything else - series type, markers, axes, legend, tooltip - works the same as Line Chart.

‍

Overview

Use an area chart when the story is about volume over time - total spend building up across a month, or a handful of channels stacked to show both their combined total and individual share. For a small number of unstacked series where you mainly care about direction and comparison, Line Chart is usually cleaner - the filled areas add visual weight that helps with magnitude but can clutter a chart with many series.

‍

Configuring an Area Chart

Open or create a report and select Area Chart (Creating a Card).
Go to the Data tab to select metrics and dimensions.
Go to the Chart tab to customize appearance.
Go to the Card tab to edit card styling.
Go to the Palette tab to customize colors (Palettes).
Go to the Custom tab for advanced JSON overrides (optional).
Click Save when finished.

‍

AI Edit

Open AI Edit and describe the chart you want - for example "stacked area of spend by channel, percent of total." See AI Edit a Card. As with other charts, data changes (metrics/dimensions/date range) and presentation changes (stacking, opacity, colors) are applied through separate paths behind the scenes, so you can ask for either - or both - in one prompt.

‍

Data Tab

Select time period, dimensions, metrics, sorting, and comparison options. Fields come from the Data Model. Like Line, Area charts use a time dimension plus granularity, with an optional split-by dimension to create multiple stackable series.

Full mechanics of metrics, dimensions, filters, date range, and comparison are shared across every chart and table type - see Data Query.

‍

Chart Tab

Customize axes, gridlines, animations, tooltips, and legend - the same per-metric and common options as Line Chart (Type, Line Style/Width, secondary axis, markers, Animation, Tooltip, Legend, Horizontal/Vertical Axis), plus an Area-specific options panel.

Area Options (per metric)

Setting	Options
Fill opacity	0.15, 0.3, 0.5, 0.7, or 1 - how solid the filled area looks.
Stacking	None - series overlap independently. Normal - series stack to show a running total. Percent - series stack to 100%, showing share of total instead of absolute values.

The fill itself uses a top-to-bottom gradient (fading from the set opacity down to about a fifth of that near the baseline), matched to the gradient shown on the legend swatch - this is automatic and not separately configurable.

‍

Card Tab

Title, description, icon, and light/dark styling. Reset to the report theme anytime.

‍

Palette Tab

Use the report theme palette or pick another palette for this card. See Palettes and Create Theme.

‍

Custom Tab

JSON visualization overrides for advanced Highcharts customization - useful for options not exposed on the Chart tab, such as a custom gradient stop or a fixed y-axis max across a set of comparable cards. See Custom Visualizations for merge order, limits, and examples.

‍

Tips for area charts

Use Percent stacking for "share of total over time" stories - it's often clearer than Normal stacking when the total itself isn't the point.
Limit stacked series to about 4-5 - beyond that, the bands get too thin to read at a glance.
Lower opacity for unstacked, overlapping areas so series behind the front one stay visible.
Prefer Line when you only care about trend direction for a couple of metrics - the fill adds little and can visually compete with the data.

‍

Troubleshooting

Problem	Likely cause	What to try
Series are hard to tell apart	High fill opacity with overlapping, unstacked areas	Lower Fill opacity, or turn on Stacking
Percent-stacked chart looks wrong	One or more series has negative or zero values across the range	Percent stacking assumes non-negative values - check the underlying data or switch to Normal stacking
Chart looks too busy	Too many stacked series	Filter to the top few series, or move the rest into a Table
Chart-type toggle reset my styling	Changing chart type resets the card's visualization settings	Re-apply Chart tab styling after switching chart types

Was this article helpful?



Nice one!

Thanks a lot for your feedback! If you’d like a member of our support team to respond to you, please send a message here



Please try again

Oops! Something went wrong while submitting the form.



Nice one!

Thanks a lot for your feedback! If you’d like a member of our support team to respond to you, please send a message here



Please try again

Oops! Something went wrong while submitting the form.