node-red-dashboard icon indicating copy to clipboard operation
node-red-dashboard copied to clipboard

Support for Equal X-Y Axis Scaling

Open Omega3395 opened this issue 7 months ago • 2 comments

Description

Hi, thanks for making this project open source, it's been very helpful! I'm using ui-chart to plot x-y positions in meters and would like to keep the x and y axes equally scaled, similar to Matlab's axis equal. This is important for visual accuracy when displaying spatial data. I know it's possible to manually set axis limits (min/max), but that doesn't enforce equal visual scaling, especially when the chart aspect ratio changes. Is there a way to lock the aspect ratio so both axes scale equally? I couldn’t find anything in the docs or existing issues. I've attached an image showing the scaling problem. Thanks again! Alberto.

Image

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

Omega3395 avatar May 30 '25 13:05 Omega3395

TO ensure consistent sizing, you're best off switching your Page's layout to "Fixed", rather than "Grid". Then play with the width/height of the chart until you get a square chart.

joepavitt avatar Jun 03 '25 12:06 joepavitt

@Omega3395 did that solve the problem for you? If so then please close this issue.

colinl avatar Sep 15 '25 09:09 colinl