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
PA_User Group Leader_768x460.jpg

Manage your user group events

Check out the News & Announcements to learn more.

Power Query PA Forum 768x460.png

Check it out!

Did you know that you can visit the Power Query Forum in Power BI and now Power Apps

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

PowerPlatform 768x460.png

Microsoft Learn

Check out our new Discover Your Career Path blog post series and get all the details.

Users online (1,557)