Categorical bar plot in AppDesigner (change colors and add refline)

Hello everybody,

I'm currently facing some issues with my categorical bar plot in Appdesigner. In the following a short example of what I'd like to achieve:

            categorie=categorical({'Asia','USA','Europe'});
            categorie = reordercats(categorie,{'Europe' 'Asia' 'USA'});
            Data=[Population_Europe Population_Aisa Population_USA];
            bar(app.UIAxes,categorie,Data)

I'm able to plot this, but I want to add two things, which I'm currently not able to:

1) Change the colours of the bars -> e.g. Europe = blue, Asia = green and USA =red

2) Add a horizontal line at a certain value across the whole bar plot. Here's a quick example, which does not work in appdesigner:

            hold(app.UIAxes,'on')
            bar(app.UIAxes,xlim,[100 100], 'r','LineWidth',2)

Thank you in advance for your help and have a great day!

Cheers, Christian

Answer 1

[Kojiro Saito]

1) You can set colors on each bar by CData property.

b = bar(app.UIAxes, categorie, Data, 'FaceColor', 'flat');
b.CData = [0 0 1; 0 1 0; 1 0 0];

UPDATED

2) In order to add red horizontal line, yline is the easiest way.

yline(app.UIAxes, 150, 'r', 'LineWidth', 2)
yline(app.UIAxes, 200, 'b', 'LineWidth', 2)

Or alternatively, you can utilize grid, but line color and width is only one for this approach.

% Add holizontal red line using grid
grid(app.UIAxes)
app.UIAxes.XGrid = 'off';
app.UIAxes.Layer = 'top';
app.UIAxes.YTick = 100;
app.UIAxes.GridAlpha = 1;
app.UIAxes.GridColor = 'red';

This will work as the following.

[Christian]

Hello Kojiro, thank you for this great suggestion! How can I add a second refline, let's say at 200?

[Christian]

I got it, just type

app.UIAxes.YTick=([150 200])

But how can I set different colors for the two reflines now? Let's say 150 -> red and 200 -> blue?

Cheers Christian

[Kojiro Saito]

I've just updated my previous answer. Considering your comment, yline is more suitable for your want.

[Christian]

Hello Kojiro, thank you very much, yline does the job just perfectly! You are my MVP for this week :)

[Jake]

yline(app.UIAxes, 150, 'r', 'LineWidth', 2)

yline(app.UIAxes, 200, 'b', 'LineWidth', 2)

I tried following this code, but I recieve the error "Undefined function 'yline' for input arguments of type 'matlab.ui.control.UIAxes'

[Kojiro Saito]

yline was introduced in R2018b. Could you confirm your version?

https://www.mathworks.com/help/matlab/ref/yline.html

[Jake]

Kojiro, it was an issue with the version. I was on 2018a. Thank you!