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
Resident Rockstar
Resident Rockstar

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
Power Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Microsoft 365 Conference – December 6-8, 2022

Microsoft 365 Conference – December 6-8, 2022

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (4,135)