#
Filled Area
in
MATLAB^{®}

How to make Filled Area plots in MATLAB^{®} with Plotly.

## Create Area Plot with One Curve

Create a vector of four values. Display the values in an area plot.

```
y = [1 5 6 3];
area(y)
fig2plotly(gcf);
```

## Create Area Plot with Multiple Curves

Create matrix `Y`

. Then display the values in `Y`

as an area plot. Because `Y`

contains three columns, `area`

plots three curves and stacks them.

```
Y = [1 5 3; 3 2 7; 1 5 3; 2 6 1];
area(Y)
fig2plotly(gcf);
```

## Create Area Plot Using Horizontal Axis Values

Define `x`

as a vector of three car dealership IDs. Define `Y`

as a matrix containing the number of cars sold per model. Display the values in the matrix in an area plot. Then add the axis labels and a legend.

```
x = [10 11 12];
Y = [21.6 25.4; 70.8 66.1; 58.0 43.6];
area(x,Y)
xlabel('Dealership ID')
ylabel('Sales')
legend({'Model A','Model B'})
fig2plotly(gcf);
```

Set the tick marks along the x-axis to correspond to the values in `x`

.

```
x = [10 11 12];
Y = [21.6 25.4; 70.8 66.1; 58.0 43.6];
area(x,Y)
xlabel('Dealership ID')
ylabel('Sales')
legend({'Model A','Model B'})
ax = gca; % current axes
ax.XTick = [10 11 12];
fig2plotly(gcf);
```

## Adjust Baseline Value of Area Plot

Create matrix `Y`

. Then display the values of `Y`

in an area plot with a baseline value of -4`.`

area`fills the areas specified by the curves and the line`

y = -4`.

```
Y = [1 5 3; 3 2 7; 1 5 3; 2 6 1];
basevalue = -4;
area(Y,basevalue)
fig2plotly(gcf);
```

## Specify Line Style of Area Plot

Create matrix `Y`

. Display the values of `Y`

in an area plot that uses a dotted line style.

```
Y = [1 3 5; 3 2 7; 3 4 2];
area(Y,'LineStyle',':')
fig2plotly(gcf);
```

## Plot Filled Area into Target Axes

Create a tiled chart layout in the `'flow'`

tile arrangement, so that the axes fill the available space in the layout. Next, call the `nexttile`

function to create an `Axes`

object and return it as `ax1`

. Display an area plot by passing `ax1`

to the `area`

function.

```
tiledlayout('flow')
ax1 = nexttile;
Y1 = [3 6; 1 5; 7 2; 5 9];
area(ax1,Y1)
fig2plotly(gcf);
```

Repeat the process to create a second `Axes`

object and a second area plot.

```
tiledlayout('flow')
ax1 = nexttile;
Y1 = [3 6; 1 5; 7 2; 5 9];
area(ax1,Y1)
ax2 = nexttile;
Y2 = [4 2 11; 5 6 0; 1 7 2; 9 5 9];
area(ax2,Y2)
fig2plotly(gcf);
```

## Change Area Characteristics After Plotting

Create matrix `Y`

. Then create an area plot, specifying an output argument when calling the `area`

function. In this case, `area`

returns a vector of three `Area`

objects. Each object corresponds to a different column of `Y`

.

```
Y = [2 3 4; 6 1 5; 7 4 9];
a = area(Y);
fig2plotly(gcf);
```

Modify the second area to be green with thick red edges.

```
Y = [2 3 4; 6 1 5; 7 4 9];
a = area(Y);
a(2).FaceColor = [0.2 0.6 0.5];
a(2).EdgeColor = [0.63 0.08 0.18];
a(2).LineWidth = 2;
fig2plotly(gcf);
```

## Set Colors in Area Plot

Display an area plot with three curves.

```
area([1 5 3; 3 2 7; 1 5 3; 2 6 1])
fig2plotly(gcf);
```

Set the color order to blue, purple, and gray.

```
area([1 5 3; 3 2 7; 1 5 3; 2 6 1])
newcolors = [0 0.5 1; 0.5 0 1; 0.7 0.7 0.7];
colororder(newcolors)
fig2plotly(gcf);
```