cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Manarjomar
Resolver I
Resolver I

How to show interactive data

Hi all,

 

Someone know how is build the "Scale" here?:

 

https://www.youtube.com/watch?v=7xwm2T0Fogc

 

I'm trying to do something similar.

 

Thank you.

2 REPLIES 2
GarethPrisk
Super User II
Super User II

Presumably, you mean the chart with Years on the X-Axis, and the Box Office earnings on the Y-Axis? https://youtu.be/7xwm2T0Fogc?t=113

 

Without seeing the app in the studio, I have a few guesses as to how it was done (or how I would do it anyways). There's no indication that they're hard-coding anything, which is good. You always want to design things to be relative and/or to re-use controls when possible.

 

A simple replication of this would involve:

  • Gallery (with controls)
    • Image Control
  • Collection (columns below)
    • ID (always helpful to disambiguate rows)
    • Image
    • Value (X)
    • Value (Y)
  • Variables
    • Max X-Axis
    • Min X-Axis
    • Max Y-Axis
    • Min Y-Axis

 

A single Gallery can span the majority of the screen. If you reduce the Template Padding and Template Size to 0, then you effectively have a mechanism to repeat a control as many times as needed. You can then make the X,Y of the Image (per row of collection), relative to the Height/Width of the Gallery (not the Gallery Template), and then any number of Images will effectively scatter across that range.

 

The tricky part is how to handle overlaps, and the relative positioning. Hence the variables, for positioning at least. This way, you can derive the max/min of your data set (per axis), to help show the numeric scale. Then positioning the record relative to the max/min, and relative to the Gallery width/height, will position it appropriately.

 

Let me know if this helps. I can whip up a crude sample, if needed.

Hi @GarethPrisk ,

 

Thank you, now I'm closer with your ideas and the guide here:

https://docs.microsoft.com/es-es/archive/blogs/davidni/scatter-plots-in-powerapps-using-a-gallery-co...

 

But I can't see the scrollbar on the gallery, so the gallery space is limited:

 

Screenshot_13.png

 

If the gallery can extend (in X and Y) and/or show me the scrollbars I can build my app.

 

Do you have some idea for that?

 

Maybe can help my idea to someone or to help me better ( attached is the app), to show more details.

 

Thank you again.

Helpful resources

Announcements
PA User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

secondImage

Demo Extravaganza is Back!

We are excited to announce that Demo Extravaganza for 2021 has started!

MBAS on Demand

Microsoft Business Applications Summit sessions

On-demand access to all the great content presented by the product teams and community members! #MSBizAppsSummit #CommunityRocks

Power Apps June 2021

June Power Apps Community Call

Did you miss the call? Check out the recording here!

Top Solution Authors
Top Kudoed Authors
Users online (30,014)