How to plot a graph on a panel in App Designer?

8 views (last 30 days)
Hi.
I have the below app design view, and I would like to plot the same linear graph (y = 1x) on both axes objects, one (UIAxes) is parented to a panel object and the other (UIAxes2) is just on a figure object.
To do this, I have the following callback function startupFcn (executed per app execution).
Then, the execution result is the following; no plot is apprently made on the axes belonging to the panel. Could you tell what was wrong in my code?
  1 Comment
Walter Roberson
Walter Roberson on 4 Dec 2024
Your first diagram makes it look as if the panel is behind an axes. The drawing on top takes priority in App Designer.

Sign in to comment.

Accepted Answer

Yukthi S
Yukthi S on 4 Dec 2024
I got that you wanted to plot the same linear graph on two different axes:
a) UIAxes inside a panel and
b) UIAxes2 directly on the figure.
But the function you are using attempts to re-parent UIAxes2 to the panel. The below adjustments to the design and code will achieve the desired behaviour.
  • Make panel the parent component in the design itself.
  • Now switch to Code View and give the below function as the StartupFcn:
function startupFcn(app)
x = 1:1:10; % X data
y = x; % Y data (y = x)
% Plot on UIAxes (inside the Panel)
plot(app.UIAxes, x, y, 'b-', 'LineWidth', 2);
title(app.UIAxes, 'Plot on UIAxes');
xlabel(app.UIAxes, 'X');
ylabel(app.UIAxes, 'Y');
grid(app.UIAxes, 'on');
% Plot on UIAxes2 (directly on the figure)
plot(app.UIAxes2, x, y, 'r--', 'LineWidth', 2);
title(app.UIAxes2, 'Plot on UIAxes2');
xlabel(app.UIAxes2, 'X');
ylabel(app.UIAxes2, 'Y');
grid(app.UIAxes2, 'on');
end
  • Save and run the App. You will see the linear plot on UIAxes inside a panel and UIAxes2 directly on the figure.
Hope this addresses the query!
  3 Comments
Walter Roberson
Walter Roberson on 9 Dec 2024
axes 2 is not parented to the panel, according to your original posting.
Dong-Gyu
Dong-Gyu on 9 Dec 2024
Hi Walter Roberson.
Do you mean "app.UIAxes2.Parent = app.Panel;" in my original code posted in this question? Is it not parenting UIAxes2 to the Panel?

Sign in to comment.

More Answers (0)

Categories

Find more on Develop Apps Using App Designer in Help Center and File Exchange

Products


Release

R2022b

Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!