---
schema_version: "1"
id: db8dbbdb023b98398f2c100ee29abe142a99290764d780e6bfc9a37d26d9d24d
title: Area Charts
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/quip_charts_area.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.quip_charts_area.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 3f6d2e36788b6d9ba27a86337f34ab4daf2c384f1ec14324bcee68a3ffcb9e59
description: Use an area chart to spot trends in data over time. Use a stacked area chart to visualize parts of a whole in datasets over time.
products:
  - Quip
  - Cross Cloud
release: "264"
---
# Area Charts

Use an area chart to spot trends in data over time. Use a stacked area chart to visualize parts of a whole in datasets over time.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Quip desktop app</strong>, <strong>Quip iOS mobile app</strong>, and <strong>Quip on web</strong></td></tr></tbody></table>

## Data Options for Area Charts

To customize data in area charts, open the Chart Editor, and click the **Customize** tab.

- Stacking: Choose whether to stack data series in the area chart.
- Style: Change the position of the chart legend, or hide it entirely. Select the colors for the chart’s background and border.
- Series: Apply data labels to show values directly in the chart, and set the labels’ position and color.
- Horizontal Axis: Give the axis a title, change the number formatting, display grid lines, reverse the axis order, and treat data labels as text.
- Vertical Axis: Give the axis a title, adjust its scale, set the number of tick marks shown, change the number formatting, and display grid lines.

## Sample Data for Area Charts

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small "><colgroup><col style="width:33.33333333333333%"> <col style="width:33.33333333333333%"> <col style="width:33.33333333333333%"></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><strong>Date</strong></td><td class="slds-cell-wrap" style="vertical-align:top;"><strong>Expenses</strong></td><td class="slds-cell-wrap" style="vertical-align:top;"><strong>Income</strong></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">8/9/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$500</td><td class="slds-cell-wrap" style="vertical-align:top;">$2,500</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">8/23/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$340</td><td class="slds-cell-wrap" style="vertical-align:top;">$1,900</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">9/6/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$600</td><td class="slds-cell-wrap" style="vertical-align:top;">$3,300</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">9/20/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$100</td><td class="slds-cell-wrap" style="vertical-align:top;">$2,400</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">10/4/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$150</td><td class="slds-cell-wrap" style="vertical-align:top;">$2,600</td></tr></tbody></table>

![Quip area chart](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-anywhere_app-264-0-0-production-enus/c0406050-7b26-469a-9dc5-10d6c0c9c576/anywhere_app/images/quip_charts_area.png)

## Sample Data for Stacked Area Charts

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small "><colgroup><col style="width:33.33333333333333%"> <col style="width:33.33333333333333%"> <col style="width:33.33333333333333%"></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><strong>Date</strong></td><td class="slds-cell-wrap" style="vertical-align:top;"><strong>House Expenses</strong></td><td class="slds-cell-wrap" style="vertical-align:top;"><strong>Food Expenses</strong></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">8/1/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$500</td><td class="slds-cell-wrap" style="vertical-align:top;">$140</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">9/1/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$340</td><td class="slds-cell-wrap" style="vertical-align:top;">$60</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">10/1/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$600</td><td class="slds-cell-wrap" style="vertical-align:top;">$50</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">11/1/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$100</td><td class="slds-cell-wrap" style="vertical-align:top;">$100</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">12/1/2021</td><td class="slds-cell-wrap" style="vertical-align:top;">$150</td><td class="slds-cell-wrap" style="vertical-align:top;">$230</td></tr></tbody></table>

![Quip stacked area chart](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-anywhere_app-264-0-0-production-enus/c0406050-7b26-469a-9dc5-10d6c0c9c576/anywhere_app/images/quip_charts_stacked_area.png)