QuickChart in Power Apps

You can incorporate charts in PowerApps to help users quickly interpret and analyze data visually. While PowerApps provides a set of standard chart options, you are not limited to just those. By leveraging QuickChart, you gain access to a wide variety of chart types that can enhance data representation and improve user experience.

With QuickChart, you can go beyond basic bar and pie charts to include more advanced visualizations such as line charts, radar charts, doughnut charts, and more. This flexibility allows you to present data in the most effective format for your specific needs, whether it’s tracking trends, comparing categories, or displaying hierarchical relationships.

Below is a list of different chart types supported by QuickChart that you can integrate into PowerApps:

Bar Charts

Insert an image in your Power Apps and copy paste the following code

"https://quickchart.io/chart?v=2.9.4&c={
   'type': 'bar',
   'data': {
     'labels': ["&Concat(AddColumns(GroupBy(AddColumns(DataSource,ProgramValue,Program.Value),ProgramValue,ProgramGroup),Count,CountRows(ProgramGroup)),"'"&ProgramValue&"',")&"],
     'datasets': [
       {
         'label': 'Dataset 2',
         'backgroundColor': 'rgba(115, 118, 120, 1)',
         'borderColor': 'rgb(115, 118, 120)',
         'borderWidth': 1,
         'data': ["&Concat(AddColumns(GroupBy(AddColumns(DataSource,ProgramValue,Program.Value),ProgramValue,ProgramGroup),Count,CountRows(ProgramGroup)),"'"&Count&"',")&"]
       }
     ]
   },
   'options': {

        plugins: {datalabels: {display: true,anchor: 'end',align: 'top',},
    },

        scales: {
            yAxes: [{gridLines: {display: false}}],
            xAxes: [{gridLines: {display: false} }],
    },

        
     'elements': {
       'rectangle': {
         'borderWidth': 2
       }
     },
     'responsive': true,
     'legend': {
       'display': false
     },
     'title': {
       'display': true,
       'text': 'Ticket Volume by Program',
       fontSize: 25,
       fontColor: 'rgba(0, 0, 0, 1)',
       fontStyle: 'bold',
     }
   }
 }"