PowerApps Chart Control – How to Use

Want to know about PowerApps chart control? Well, this article I have explained how to use PowerApps chart control from a PowerApps collection.

Here I have created a PowerApps collection where I am storing all values and use the same PowerApps collection in the PowerApps chart control.

PowerApps Chart Control

In PowerApps, we can use chart control to display data in a Canvas app. We can use various types of charts to display data like line charts, Pie charts, bar charts, etc.

For the data to be used in chart controls, we need to make sure the data should be in a proper structure. For this, we will use here a PowerApps collection.

Configure PowerApps Chart Control

Now, we will see how to add a chart control in our PowerApps App and how to configure the chart control.

Follow the step by steps:

Step 1: Open the PowerApps -> Create a Canvas app from blank -> Create a app with Mobile or Tablet view.

Step 2: Next drag and drop four Textbox and column chart in the screen as below screenshot.

Step 3: Next I have created a collection in PowerApps called BranchDetails which I defined in Textbox OnChange property like below.

ClearCollect( BrnchDetails,
{
ComputerScience: TextInput1.Text,
Mechanical: TextInput2.Text,
Electrical:TextInput3.Text,
IT: TextInput4.Text
}
)

Step 4: Now you can see my collection get created in the collection section. So we can use this collection in the column chart in the next step.

Step 5: Next select column chart and set the newly created collection as Datasource and bind the items. Once connection gets success, your all collection data will populate over in this chart control.

Step 6: Next run the apps and see, when you adding any items in the textbox, automatically chart also get changes based on Textbox value.

We can also add SharePoint List as dataSource here and bind the items in Chart control in PowerApps.

You may like the following PowerApps tutorials:

• How to build multilingual apps in PowerApps
• Automatically scroll Gallery control in PowerApps
• PowerApps notify function- How to use
• Share PowerApps to external users or guest users
• Saving microphone audio recorded in PowerApps to SharePoint online
• Display COVID-19 Power bi report in PowerApps
• How to embed Power bi report in PowerApps portal
• How to display Power bi google analytics in PowerApps
• Display Office 365 User Profile Properties in PowerApps

In this tutorial, we learned how to use chart control in PowerApps and also we saw how to configure charts from PowerApps collection.