Easy Chart Layout

Ignition
1

Long Story Short I have an XY chart ontop of an easy chart, such that the historical range selection can be seen from the easy chart but the graph is the XY chart. When I go to view the two in the vision client, the easy chart is resized to show some of its chart that I am trying to hide behind the XY chart. I’ve tried every combination of relative and anchored layout options, I just want the view from my designer resized at any size.

2

Not to be contrarian, but why not just put a Date Range component directly? I don’t think you’ll ever have a great time trying to overlap components like you’re trying to do. If I had to do it, I think that if both charts were in a group and the overlay chart was fixed on all 4 sides (at the correct manually-provided offset from the bottom) then the layout should stay about correct as you resize the group.

3

For posterity: It looks like there’s a bug with groups (probably been there for years), and a UI deficiency, that makes this harder to achieve than it needs to be (still not a good idea, though…)
So, instructions:

  1. Put your two charts at the top-left corner of a window.
  2. Overlay them, making sure the XY Chart is ‘on top’.
  3. Select them, make them a group.
  4. Convert the group to a container.
  5. Edit the Easy Chart:
    • Make sure the Easy Chart is filling the whole container.
    • Open the layout settings, and in the ‘Relative’ options, disable ‘Scale Font’ and ‘Maintain aspect ratio’.
    • Switch the layout to ‘Anchored’ and pin all four sides.
  6. Edit the XY Chart:
    • Make sure it’s set to fill the left/top/right, and the correct distance from the bottom of the container.
    • Open the layout settings, and in the ‘Relative’ options, disable ‘Scale Font’ and ‘Maintain aspect ratio’.
    • Switch the layout to ‘Anchored’ and pin all four sides.

Et voila:
FrxdRZIWbH

4

I will give this a try, the idea is I am graphing Torque Vs Angle in an XY chart but I want to use the date selector. Since we have similar X Vs Time charts that show red lines where there is data, I created an easy chart that plots the torque vs time so I can have the range selector but also those red lines that indicate data.

5

The Date Range component has the capability to show the “red lines” also called the data density. If you follow the link @PGriffith provided it tells you how to achieve this. Then you don’t have to jump through the hoops to hide a component.

Also, having two charts that are loading historical data is not helping performance.

3 Likes