Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Portals
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Business Value Webinars and Video Gallery
    • Emergency Response Gallery
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Ideas
    • Power Apps Ideas
    • Community Engagement
    • Demo Extravaganza 2021
    • Demo Extravaganza - Components 2021
    • Power Apps Community Demo Extravaganza 2020
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Canvas Apps Components Samples
    • Power Apps Custom Chart

    Power Apps Custom Chart

    07-29-2020 07:47 AM

    Super User DeepakS
    Super User
    2624 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    DeepakS
    Super User DeepakS
    Super User
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    Power Apps Custom Chart

    ‎07-29-2020 07:47 AM

    Hello All,

    Try out my new custom "BarChart" and "ColumnChart" component for Power apps.

     

    Key Features:

    • Fully configurable and extendable BAR chart
    • Drill-down or on screen filtering
    • Responsive

    Configurable Properties:

     

    • Chart Data: Input property for chart data source
    • ChartGropedData : Input property that will allow the user to select group by and total column

       

      Two option to display Data
      /* Update following Columns name based on the data
      Category : Column name that you need to group by
      DataValue: Column name that hold the value to display
      /*Option 1*/
      /* Use following to group and sum the data */

      SortByColumns(
      AddColumns(
      GroupBy(
      DColumnChart.ChartData,
      "Category",
      "MyGroup"
      ),
      "Total",
      Sum(
      MyGroup.DataValue,
      DataValue
      )
      ),
      "Total"
      )

      /*Option2*/

      /* Use following to group and count the data */

      /******************************************
      SortByColumns(
      AddColumns(
      GroupBy(
      DColumnChart.ChartData,
      "Category",
      "MyGroup"
      ),
      "Total",
      CountRows(MyGroup)
      ),
      "Total"
      )
      ******************************************/

     

    • DataRange : Input property to define data range for the chart
    • DataColor(1 to 😎: Input property to define a custom color for Bar or column.
    • ShowAxis : Input Property to show/hide the axis
    • DataPointPrefix : Input Property to add a prefix to the data-points
    • ChartBehaviour: Input property. Select 1 for On Screen filter and Select 2 to enable drill-down
    • DrillDownScreenName : Optional Input property. User should set it the screen that chart should drill-down to
    • ChartSelectedItem: Output property and provide currently selected bar/column item details 


    Let me know your feedback and if you have any questions?


    Connect with me on:

    Twitter: @deepak_s22  

    Linkedin: Deepak 

     

    Regards,

    Deepak S

    PA Custom Chart Component.msapp
    Labels:
    • Labels:
    • Components
    Message 1 of 3
    2,624 Views
    4 Kudos
    Reply
    • All posts
    • Previous Topic
    • Next Topic
    Thrasymaque
    Thrasymaque
    Frequent Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎03-17-2021 05:06 AM

    Hello & thanks a million for this components it would be sper helpfull

     

    I am actually strugulling to use it 

     

    I would like to show data that has been selected in a previous page 

     

    so to show my data (out of your graph I am doing the following : 

     

    1 - Creating 9 formviewer

    Datasource : MonthlyProgress

    Item : BrowseGallery12.selected

     

    2- then I do have a datacard in each form 

    Budget_x0020_Software_x0020_Total

     

    I am having 9Forms & 9 datacard like that (others are : Budget_x0020_Hardware_x0020_Total etc etc ...)

     

    instead of showing figures I d like to show one bar with the amount currently appearing in each Datacard 

     

    Is there a way to deal with that in your proposal ?

     

    many thnx

    br

    Fred

    Message 2 of 3
    1,688 Views
    0 Kudos
    Reply
    sujithsa007
    sujithsa007
    Frequent Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎02-02-2022 06:08 AM

    I am getting an error while trying to import this chartError.PNG

    Message 3 of 3
    742 Views
    0 Kudos
    Reply

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Automate
    • Power Virtual Agents

    Power Apps

    • Sign in
    • Sign up

    Browse

    • Sample apps
    • Services

    Downloads

    • Studio
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2022 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks