Hi all,
I just wanted to share a solution to working around the limitations of the built in Column Chart. For those unfamiliar, PowerApps only allows the creation of bar chart to have vertical data bars. This style is not very conducive to mobile screens that have a lot of vertical leeway.
Here is what is built in:
We want something like this:
Luckily, we can do just that but with using our reliable gallery control!
And there you have it! I personally put a thin black label with Width:1 to increase the visuals. Since this is a gallery control, you have even more freedom to add controls and to customize the chart.
Note: Make the gallery control big enough to hold all data points if you don't want the user to be able to scroll. If the gallery control is a little too small, the chart will look like a chart, but if a user scrolls on it, the data points move a little.
Hope this helps!
Solved! Go to Solution.
Awesome workaround and tutorial! Thanks for sharing!
Hi @Adam_Dunn
Well done for sharing this! I'm sure this technique of using a gallery control to display a chart will help many people.
Hi @Adam_Dunn,
Thanks for your sharing.
I would also share this solution with other colleages.
Best regards,
Kris
Thanks for sharing!
can you please help me more on this tutorial ?
Awesome workaround and tutorial! Thanks for sharing!
What datasource do you use for the gallery control...?
It took a while, but in the end I managed to recreate the bar chart. Thank you!
This is awesome!!
To extend this idea, we can turn this into a GANTT chart, if we have manage X for the data bar by detecting date differences (current from minimum of dataset)
This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.
Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.
User | Count |
---|---|
205 | |
70 | |
51 | |
49 | |
20 |
User | Count |
---|---|
262 | |
120 | |
85 | |
80 | |
68 |