---
schema_version: "1"
id: 647af6aacde563416e652748d254cd2e139d14863e89d7c54ea7fc60eed703bf
title: Bar Charts
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/quip_charts_bar.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.quip_charts_bar.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 71ebe557abbe679e0687eda2b06cbb05d6502d6a044d22c0f1fe2c1c1232de5c
description: "Quip provides these types of bar charts: bar, stacked bar, and bar stacked to 100 percent. Use a bar chart to compare related values. Use a stacked bar chart to compare parts of a whole and show values across one or more categories. Use a bar chart stacked to 100 percent to compare the proportions between values in one or more categories."
products:
  - Quip
  - Cross Cloud
release: "264"
---
# Bar Charts

Quip provides these types of bar charts: bar, stacked bar, and bar stacked to 100 percent. Use a bar chart to compare related values. Use a stacked bar chart to compare parts of a whole and show values across one or more categories. Use a bar chart stacked to 100 percent to compare the proportions between values in one or more categories.

### 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 Bar Charts

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

- Stacking: Choose whether to stack data series in the bar 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, adjust its scale, set the number of tick marks shown, and change the number formatting.
- Vertical Axis: Give the axis a title, change the number formatting, and reverse the axis order.

## Sample Data for Bar Charts and Stacked Bar Charts

   
| Rep | Q1 Sales | Q2 Sales | Q3 Sales |
| --- | --- | --- | --- |
| Brian | $10,000 | $25,000 | $53,000 |
| Cameron | $45,000 | $60,000 | $36,000 |
| Sally | $37,000 | $50,000 | $78,000 |

![Quip bar 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_bar.png)

![Quip stacked bar 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_bar_stacked.png)

## Sample Data for Bar Charts Stacked to 100 Percent

   
| Product Market Share | Product A | Product B | Product C |
| --- | --- | --- | --- |
| 2019 | 30% | 10% | 60% |
| 2020 | 20% | 30% | 15% |
| 2021 | 50% | 60% | 25% |

![Quip 100% stacked bar 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_bar_stacked_100.png)