UiPath Documentation
apps
2022.10
false
  • Getting Started
    • Introduction
    • Apps Configuration Checklist
    • Using App Studio
    • Exporting an App
    • Importing an App
  • Before You Begin
    • Installing Automation Suite
    • Compatibility Matrix
  • How To
    • Build Your First App
    • Include Excel Charts in Apps
    • Build a Mobile-friendly App
    • Include MailTo Links
    • Include Star Ratings
    • Use Count With Choice Set Values
    • Use Document Viewer
    • Use File Control
      • Upload a File Using the File Picker Control
      • Download a File Using the File Picker Control
      • Download a File Using a Link
      • Downloading a File Using an Image Control
    • Use Master Detail View
    • Use Required Input Validation
      • Container Validation
    • Set External Context
    • General User Experience Guidelines
    • Use the Send Interim Result Activity
  • Designing your App
    • Controls Overview
    • Layout and Styling
    • Sample App Layouts
    • Input Controls
      • Button
      • Checkbox
      • Date Picker
      • Dropdown
      • Multiselect Dropdown
      • File Picker
      • Radio Button
      • Rich Text Editor
      • Slider
      • Switch
      • Text Area
      • Textbox
      • Textbox (email)
      • Textbox (number)
    • Container Controls
      • Differences Between Container Controls
      • Container Layout
      • Container
      • Page
      • Page Container
    • Display Controls
      • Custom List
      • Divider
      • Document Viewer
      • Header
      • IFrame
      • Image
      • Label
      • List
      • Table
      • Tabs
      • Icons
    • User Context References
    • Saving Your App
    • App Errors & Troubleshooting
  • Events and Rules
    • About Events and Rules
      • Rule: If-Then-Else
      • Rule: Open a Page
      • Rule: Open URL
      • Rule: Close Pop-Over/Bottom Sheet
      • Rule: Show Message
      • Rule: Show/Hide Spinner
      • Rule: Set Values
      • Rule: Start Process
      • Rule: Upload File to Storage Bucket
      • Rule: Get File From Storage Bucket
      • Rule: Reset Values
      • Rule: Create/Update Entity Record
      • Rule: Delete Entity Record
      • Rule: Add to Queue
    • About Expressions
      • Using Expressions
    • About Functions
      • Function: And, Or, Not
      • Function: Concat
      • Function: Contains
      • Function: Count
      • Function: EndsWith
      • Function: If
      • Function: IsBlank
      • Function: Guid
      • Function: Length
      • Function: List
      • Function: StartsWith
      • Function: Sum
      • Function: Sort
      • Function: Now
      • Function: Today
      • Function: Time
      • Function: Year
      • Function: Month
      • Function: Day
      • Function: Hour
      • Function: Minute
      • Function: New
      • Function: Lookup
      • Function: Filter
  • Leveraging RPA in your App
    • Referencing a Process From Orchestrator
      • Send Interim Result Activity
    • Supported Process Argument Types
    • Replacing a Process Referenced in an App
    • Referencing a Storage Bucket From Orchestrator
    • Configuring an On-Premise Orchestrator for Use by Apps
    • Orchestrator Permissions
    • Data Flow Between UiPath Apps and Orchestrator
  • Leveraging Entities in Your App
    • Referencing an Entity in Your App
    • Replacing an Entity
    • About Data Context
      • Using Data Context
      • Using Choice Set
    • Using Apps With Data Service
  • Leveraging Queues in Your App
    • Referencing a Queue in Your App
    • Replacing a Queue
    • Using Apps With Queues
  • Application Lifecycle Management (ALM)
    • About ALM
      • General Settings
      • Permission Management
      • Managing App Versions
      • Packaging an App as a Client
  • Basic Troubleshooting Guide
    • Apps Troubleshooting and FAQs
    • Apps On-prem Troubleshooting
UiPath logo, featuring letters U and I in white

Apps User Guide for Automation Suite

Last updated Apr 19, 2024

Include Excel Charts in Apps

Charts are visual representations for data visualization, in which the data is represented by symbols. They are often used because they are easier to read than the raw data.

To include a chart into your application developed with UiPath Apps, follow the procedure below.

Prerequisites

Before including a chart into your application, you must have:

  • A chart template in Excel.
  • The UiPath.Excel.Activities.Business.CopyChartToClipboardX activity installed and configured. For more information, see Get Excel Chart.
  • The UiPath.Core.Activities.LoadImage activity installed and configured. For more information, see Load Image.

Procedure

  1. Add a required chart with the needed data in an Excel sheet.
  2. Use the Get Excel Chart activity to save the chart.

  3. Save the chart as a picture.



  4. Use the Load Image activity and reference the chart image location.
  5. Convert the chart image to base64.
  6. Prefix the base64 string with the following: data:image/png;base64,. Make sure that base64 is a string data type.
  7. Pass the string as an out argument of your choice.

  8. Add the out argument in the Url field of your image control.



Result

The sequence in UiPath Studio should be similar to the one in the image below.



Your chart is now included into the application.



  • Prerequisites
  • Procedure
  • Result

Was this page helpful?

Connect

Need help? Support

Want to learn? UiPath Academy

Have questions? UiPath Forum

Stay updated