- [Instructor] In this movie I'll take you on a tour
of the graph type options which not only allow you
to control the fundamental appearance of your graph,
but you can also adjust the value and category axes.
All right, so I'm going to go ahead and click on the graph
with the black arrow tool to select it.
If you're not seeing those selection edges,
then you can press Control + H or Command + H on the Mac
to bring 'em back.
In my case, however, I want to hide 'em,
so I'll press Control or Command + H.
Then I'll right-click anywhere in the document window
and choose Type to bring up the Graph Type dialog box.
Now, I encourage you to go ahead and experiment
with these type icons here
in order to find out how they work.
I do want to point out what happens
when you select the Area icon.
Now, notice that we lose some options down here
in the lower portion of the dialog box.
So these options,
as you can see when I switch back to the Column icon,
are context-sensitive,
that is, they vary depending on the graph type.
Anyway, if I select Area,
then I want you to notice right here,
my percentage values go from zero to 100%,
but as soon as I click OK, they switch from zero to 300%,
and that's because each one of these columns
of data is stacked on top of the one that comes before it,
which means that Twitter ends up looking
like it has the most members
because it's stacked on top of the other,
where in fact it has the fewest as things stand right now.
All right, so I'm going to right-click again and choose Type.
And this time I'll go ahead and switch to Line,
which is going to do a better job of showing us
what's going on where this specific graph is concerned.
Problem is, in the previous movie I lost my colors.
If I want to keep those colors,
then I would turn on this checkbox, Draw Filled Lines.
And then I can change the line width to anything I want.
I'm going to go ahead and take it up to four points
and click OK,
and you can see we now have these colorful lines
so we can tell exactly what's going on.
All right, I'm going to right-click again and choose Type.
We'll be doing this quite a few times, as you'll see.
And I'm going to switch back to the Column icon.
Notice down here we have column width and cluster width.
If I were to change the column width value to 100%
and click OK, you can see that every one
of these columns abuts its neighbors
so it's taking up 100% of the possible width,
but each one of the clusters of five columns apiece
is separated by a big gap.
If I want that gap to go away,
then I would right-click and choose Type once again,
and I would change the cluster width value to 100%
and then click OK, at which point you can see
that all of the columns are now adjacent.
That looks a little bit too tight to me, however,
so I'm going to right-click and choose Type again,
and I'm going to take the cluster width value down
to 90% this time around.
And I'm going to move the legend
to the top of the graph up here and click OK,
and that does a nice job of moving everybody upward.
I want them to be a little higher, however,
so I'm going to grab my white arrow tool,
which of course you can get by pressing the A key.
I'll press Control + H or Command + H
so I can see what's selected,
and I'll go ahead and marquee
just below these squares like so.
So I'm selecting everything in the legend
without selecting the top of the graph.
And I'm going to press Shift + Up Arrow a couple of times,
maybe even three times, to raise the legend like so.
All right, now I'll press the V key
to switch back to my black arrow tool,
and I'll click on the graph to select it,
and I'll right-click and choose Type once again.
Now let's check out the other panels
that are available to us.
I'll select Value Axis,
which, by the way, in the case of a column graph,
is going to be the vertical axis.
And notice that I can add a prefix or suffix
to every one of these values,
and so I'm going to change the suffix option
to a percent symbol like so.
And then I'm also going to change the length
of my tick marks to full width
so that they take up the entire width of the graph.
Notice right now they're just these short little guys.
And then I'm going to override the calculated values.
Right now the minimum value is zero, which is fine,
down here at the bottom of the graph.
But I want to maximum value to be 80,
and that's because with the exception
of a couple of the Facebook columns,
nothing goes above 80%.
And then I'll change the number of divisions to eight
so that we're labeling every 10% increment.
And now I'll click OK in order to accept that change,
and you can see that just these two orange columns
rise above the 80% mark.
All right, I think I should just go ahead
and nudge this guy down a little bit
by pressing Shift + Down Arrow
followed by Shift + Right Arrow a few times,
just so that things look a little better on screen.
And finally, I'm going to adjust the category axis
by right-clicking and choosing Type once again.
And this time I'll switch this option to Category Axis,
which is going to be the years in the case of this graph.
Notice right now we have little tick marks
between each one of the clusters.
I don't want that,
so I'm going to turn that tick mark options off,
at which point we would see little ticks in the middle.
Now, I don't want to see that either,
and so I'm going to change the length to none,
and then I'll click OK
in order to get rid of those tick marks like so.
All right, now let's make a few more manual changes
by pressing the A key to switch to the white arrow tool.
I'll go ahead and click off the graph to deselect it.
And then I'll Alt or Option-click twice
on the word Facebook,
but I don't want to double-click; remember that.
You just want to Alt or Option-click twice in a row
and then press Shift + Up Arrow a couple of times
in order to raise those labels.
And now I'll go ahead and marquee the entire legend again,
and I'll press Shift + Up Arrow a couple of additional times
to raise that legend like so.
All right, now I'm just going to partially marquee
these percentage values, because notice
that they're not exactly aligned properly here.
And so I'll just go ahead and nudge these guys over like so,
and then I'll take 'em down so they appear to be centered
on these horizontal value lines,
and then I'll press Shift + Left Arrow
in order to move 'em out.
All right, now I want to change the line weight
and the color of these value lines,
so I'll go ahead and click off the text to deselect it,
I'll press Control + Zero or Command + Zero on a Mac
to zoom out, and I'll Alt or Option-click
on this horizontal line right here once and then twice,
and that'll select all of those value lines,
at which point I'll take the line weight value down to 0.5
and I'll change the color of the strokes
to this shade of gray, where the RGB values are all 128.
All right, now if I click off the lines,
you can see that they're much lighter.
Problem is, if you zoom in on this bottom line right here,
you'll see that it's a thick black line
with a light gray line in the middle of it.
So I'll go ahead and Alt-click or Option-click
on that gray line to select it.
You can't get rid of it.
You can't just press the Backspace key
or the Delete key on a Mac,
because Illustrator will tell you that that's not allowed,
so we'll just go ahead and click OK.
Instead, what you want to do is change the color
of just that one line back to black,
and that way you won't see that extra bit of gray.
Now I'll click off the line to deselect it,
and I'll go ahead and press Control + Zero
or Command + Zero on a Mac to recent my zoom.
All right, and that is it.
That is how you work with the graph type options,
which allow you not only
to change the fundamental appearance of the graph,
but also the appearance of the value
and category axes here inside Illustrator.