---
schema_version: "1"
id: 662b4e984cccfd8a1012323e5a93901c0bba8a9bda177127a181173bff95d795
title: Add a Chart to a Flexcard
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_add_a_chart_to_a_flexcard_28722.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_chart_to_a_flexcard_28722.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: e25b68403251beb0205d5cf14f42b3bb69a2262d3359f1ce7824b72f083a11ca
description: Display data on a Flexcard as a chart by using available types such as bar, pie, donut, and more. Configure settings such as the aspect ratio or dimensions to fit your company or institution’s style.
products:
  - Omnistudio
release: "264"
---
# Add a Chart to a Flexcard

Display data on a Flexcard as a chart by using available types such as bar, pie, donut, and more. Configure settings such as the aspect ratio or dimensions to fit your company or institution’s style.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio-264-0-0-production-enus/f526eaa8-ae05-487a-8944-4bb99b0b78ac/images/icon_note.png)

Note

Beginning Summer '22, if a chart element's height is double its expected height when displayed in a [standard Flexcard component](https://help.salesforce.com/s/articleView?id=xcloud.os_enable_standard_omnistudio_runtime.htm&type=5&language=en_US), enable Lightning Web Security (LWS). For more about LWS, see [Lightning Web Security FAQ](https://help.salesforce.com/s/articleView?id=sf.000363550&amp%3Btype=1&language=en_US&type=5). To enable LWS, see [Enable Lightning Web Security in an Org](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.security_lwsec_enable).

1. From the App Launcher, find and select **Flexcards**.
2. Expand a Flexcard and select a version.
3. If needed, deactivate the Flexcard for editing the Flexcard.
4. Drag the **Chart** element from the element panel to the canvas.
5. If needed, configure the chart dimensions:
    - To apply a fixed height and ignore proportions, turn off Maintain Aspect Ratio and enter a value in pixels in the Chart Height field, such as 300 or 300 px.
    - To adjust the chart’s height proportionally to its original height, enter a number in the Aspect Ratio field.
    - To adjust the chart’s height proportionally to its width, turn on Maintain Aspect Ratio and enter a number in the Aspect Ratio field.
6. From the label picklist, select the field whose values are used to categorize the data, such as Name to display Account names.
7. From the value picklist, select the field whose values are used to populate the chart, such as AnnualRevenue.
8. If needed, select a color palette for the chart.
    
    If the chart has more than six values, Omnistudio repeats the colors from the color palette.
9. Enter the remaining information as needed.