Illustrator 图表工具详解

核心提示：Illustrator 图表工具详解Illustrator 图表工具详解 在本教程中我们这里我们使用Illustrator 10，以一个实例贯穿始终，Illustrator 图表工具详解，讲解最基本的图表工具应用， Illustrator 10的图表工具功能很多，并且十分强大，本文只是简略讲述了制作简单图表的基本方法，

Illustrator 图表工具详解

　Illustrator 图表工具详解
　　 在本教程中我们这里我们使用Illustrator 10，以一个实例贯穿始终，讲解最基本的图表工具应用。

　　 Illustrator 10的图表工具功能很多，并且十分强大，本文只是简略讲述了制作简单图表的基本方法，更多的精彩还有待于大家进一步探索。

　　 Illustrator不仅可以用于艺术创作，很多时候也用来制作一些公司宣传资料等等，因为数据和图表比单纯的数字罗列更有说服力，表达更直观和清晰，所以这时候就不可避免地会遇到数据和图表的制作。虽然Illustrator不象Excel那样对数据有很强的计算汇总能力，但在数据图表制作方面也自有它的特长和优势。
　　在创建图表之前我们一般要设置图表的类型，当然也可在创建后根据需要更改。展开Illustrator 10工具箱中的图表工具按钮，我们可以看到Illustrator 一共可以创建以下9种图表：

　　 1.柱形图
　　 2.重叠柱形图
　　 3.条形图
　　 4.重叠条形图
　　 5.折线图
　　 6.面积图
　　 7.散点图
　　 8.饼图
　　 9.雷达图

　　 在本教程中我们这里我们使用Illustrator 10，以一个实例贯穿始终，讲解最基本的图表工具应用。
　　 Illustrator 10的图表工具功能很多，并且十分强大，本文只是简略讲述了制作简单图表的基本方法，更多的精彩还有待于大家进一步探索。


一、创建图表

　　 1.双击图表工具图标（或者Object->Graph->Type），可弹出对话框进行设置。（如图1）

图 1

设置好图表类型和其他选项后，单击OK确定。

　　 2.在工作页面上单击并拖动出一矩形区域，即可绘制相应大小的图表。释放鼠标后，即弹出数据输入对话框，可根据需要输入一些数据（如图2）其中标签用来区分不同的数据类型，首先要输入标签，如"2000年 2001年 2002年"等。单击数据输入表中的对调按钮，可以将行和列的数据交换，如果要交换X,Y轴，单击"Switch X,Y "按钮。

图 2

3.数据输入完毕，单击对号按钮即可得到与数据对应的图表。

二、输入图表数据的方法

　　 简单或者少量的数据可以用前面的方法直接输入。除了最直接的输入方法，还有两种方式可在图2的表中输入数据。

　　 一是从其他格式文件中导入：将数据文件存为用制表符分隔的文本格式即可导入。

　　 二是从其他应用程序中（如EXCEL）粘贴数据：从其他应用程序中选择要复制的数据，在Illustrator 10中选择"Edit"->"Copy"，将数据复制，在输入图表数据对话框中，单击要粘贴数据的单元格，选择"Edit"->"Paste"将数据粘贴进来。

　　 单击"Revert"按钮则会将所输入的所有数据清空恢复到输入前的状态，所以请慎重。如果不小心误操作，可以单击用Edit菜单下的Undo命令撤销。

　　 在此例中按照图2输入数据完毕，单击对号按钮以应用，创建好的图表就出现在工作区页面中，如图3。

图 3

三、图表的组成及其选择

　　 创建的图表是一个由各种基本元素组成的群组对象，不妨大体看看最基本的此例中图表的组成吧。

　　 图中左边和下边分别是刻度轴，Y轴表示销售额，X轴表示年份，主体部分是代表各组数据的数据列，右上角是图例。

　　 刚生成的图表只用不同灰度的颜色表示，未免不够生动，我们就来改变不同数据列的颜色，包括右边的图例。

　　 要操作首先进行选择，而选择工具一般只能选中整个图表，用直接选择工具一般可选择最最基本的图表元素，例如图3中销售二部1999年的销售额，Y轴上的刻度和数值，甚至表示刻度轴本身的那条直线。按住SHIFT可以进行多选。

不过最常用的还是用 组选择 工具，下面举例说明。

　　 用组选择工具单击一次表示销售二部1999年的销售额的数据列，则只选中此列；

　　 二次单击它，则选中销售二部各年的销售额数据列；

　　 三次单击它，选中销售二部各年的销售额数据列及销售二部的图例；

　　 四次单击它，能够选中所有数据列和所有图例……

　　 一次或多次单击刻度轴上的数值（如1000，2000，3000…），所选中元素的情况和上面类似，直到选中整个刻度轴。

　　 更多的单击选择，你可以自己尝试，最后会选择整个图表。

　　 学会选择就会改变图表各部分的颜色填充了，具体选择结果及改变颜色后如图4所示。当然，不仅仅应用填充色，其他渐变色和SWATCHES中的颜色也可以应用。

图 4

 

四、编辑更改图表数据

　　 如果在建立图表后，相关数据更新或者变动，可以再次编辑图表数据，相应的图表就会随之更新，而不必建立新的图表，可谓方便灵活。具体编辑方法如下。

　　 1.首先要选择已经建立的整个图表，选择Object->Graph->Data或者从右键菜单中选择"Data"即可弹出数据输入对话框，象如图2所示那样，可以重新编辑图表数据。编辑方法也是多种多样，非常灵活的。可以直接输入，可以复制粘贴，可以在单元格之间剪切和粘贴。

　　 2.更改完毕，单击表示应用的对号按钮，图表即可相应的更新。

图 2

五、图表类型的更改

　　 重新编辑完图表数据，也许要更改图表类型。如将柱形图更改为散点图，或者折线图等。方法是：选择要更改类型的图表，双击图表工具按钮。如图5就是将柱形图更改为折线图的效果。

图 5

除了更改整个图表的类型，还可以只选择某个或某些数据列将其改为其他图表类型。具体方法可举例说明：

　　 用组选择工具选择销售二部的所有年份销售额（包括数据列核图例），双击图表工具按钮打开Graph Type对话框，为此数据列选择不同的图表类型，例如折线图，结果如图6。

图 6

仔细观察，从图6你也许看出了一些不同吧？一是数值轴可以在图表两边，而是它们可以具有不同刻度…那就顺便看看这两个"不同"具体如何做到。

六、图表数值轴的位置

　　 除了饼图和雷达图，其他图表一般都可以改变数值轴的位置：比如将Y轴放置在图表的左边，右边，上下方，还是左右边都有。

　　 对于柱形图和重叠柱形图，折线图和面积图，根据此类图表特点，可以选择将数值坐标轴放在左边右边或者两边都有。

　　 对于散点图，可以选择在左边或者两边。

　　 对于条形图和重叠条形图，可以选择在顶部，底部和两者兼有。

　　 对于雷达图，则只有一个选择：在所有边。

　　 以最常见的柱形图为例，简述一下如何更改数值轴的位置。

　　 选择整个柱形图，双击图表工具图标，Value Axis下拉列表选项中可以选择On Left Sides(左边) On Right Sides（右边） On Both Sides（两边）。

　　 按上述设置选择不同图表数值轴的合适位置后，可以作出不同效果的图表。

七、更改图表数值轴的刻度

　　 默认情况下，图表的两侧（如左右两侧）的刻度数值是一样的。那么能否设置成不同数值刻度呢？答案是肯定的。

　　 请看具体操作：

　　 1. 用组选择工具选择一组数据及其图例框（如果选择错误，后面的操作就无效啦）。

　　 2. 从图表选项下拉列表中选择左边或者右边坐标轴，对柱状图，散点图，面积图和重叠柱形，可以选择在左侧或者右侧，对于条形图和重叠条形图，可选择在下方或上方。

　　 3. 选中Override Calculated选项，对刻度指定适当地数据后单击OK 。

　　 如图7是为柱形图设置两轴不同刻度后结果。

图 7

八、不同图表类型的混合使用

　　 使用图表时，可在同一图表中组合应用不同的图表类型。比如用条形图表示一部的销售额，用折线图表示二部的销售额，用不同类型图表表示其他组的数据…

　　 要注意的是，在所有的图表类型中，散点图表不能和其他的图表同时组合应用。

　　 1. 用组选择工具选中一组数据及其图例，双击图表工具按钮，从对话框中选择适当图表类型，并设置好相关选项。

　　 2. 用组选择工具选中其他一组或者多组数据及图例，用上述方法更改其图表类型。

　　 3. 单击OK更新图表。

　　 如图8为柱形图和折线图的组合使用。

图 8

 

九、自定义图表

　　 某些图表可以加上刻度线，并可为刻度数值加上前缀或后缀，比如"2000"可加后缀成为"2000$"，或者"2000万"。

　　 简单地讲，刻度线就是垂直于数据轴的直线，它可以分别单独垂直于X,Y轴，也可同时垂直于两者，可以是长线，也可是短线或者设置成无。下面还是以开始创建的销售额图表为例看看具体操作。

　　 1. 给Y轴添加长刻度线。

　　 选择整个图表，从"Value Axis" 的下拉列表选择On Left Sides(左边) On Right Sides（右边） On Both Sides（两边）中的一种。如图9。

图 9

Graph Type对话框中的下拉列表选择"Value Axis"即对数据轴操作。（请注意这两个"Value Axis"的微妙差别）

　　 此时对话框如图10。选中Override Calculated，可以进行设置。

图 10

Min Max是数值轴上的数值范围，此图表中默认是0～6000，并分为6等份。可以手动设置Min Max，并确定Divisions将此数值范围进行多少等分。例如将Max设为10000，Divisions＝10将数值轴10等分。

　　 2.在PRefix 框设置前缀，在Suffix框中设置后缀，在此例中不妨加上后缀"$"。当然在实际应用中可以是其他货币符号，甚至是温度，毫米，百分比等前后缀。

　　 3.Length是设置刻度线的类型：Short-是短线，Fill Width――全长，即将刻度线延伸到整个图表，在此例中我们选Fill Width。

　　 Draw tick marks per division：就是在10等分的数值轴中的每个加几条刻度线。比如，此数值设成2，则从0～1000，1000～2000…9000～10000之间都是2条刻度线。

　　 最终结果如图11.有水平长刻度线，并加后缀的图表。正如前所述，刻度线也能够用组选择工具选中，并可设置轮廓线颜色。

图 11

4. 对X,Y轴同时加上刻度和后缀的方法基本相同，将水平和垂直数值轴都选中后进行上述设置即可。

十、其他的简单选项

　　 在Illustrator 10中能够改变图表的渐变填充色，更改图表中字体和字体样式，同样也可象其他对象一样，进行移动，旋转，倾斜和缩放等变形操作。更高级一些的，甚至可以把Styles（样式）， Transparency （透明度），Brush（笔刷） Strokes（线条）等效果应用在图表的各部分或者整个图表。
除了上述方法，可以用图表工具其他一些简单选项来改善美化和改善图表的外观。

　　 1.为图表添加阴影：

　　 在Graph Type对话框中选择"Add drop shadow"，则图表就会有阴影效果。用组选择工具选中阴影，同样可改变阴影颜色，这里的颜色也许是纯色填充，也许是渐变填充，也许是…请自己尝试吧！

　　 2.改变图例的位置

　　 在Graph Type对话框中选择"Add Legend Across"，则使图例显示在图表的上方，而默认情况下图例是在右边。

十一、自定义图表的设计图案

　　 有时候为了更加形象生动，可以用现有的或者自定义的图案来代替。比如前面创建的图表，我们可自己定义一个新图案象"金钱"等，形象的符号代替单调的条形，柱形，代替折线图或散点图等等。下面举例说明。

　　 1. 绘制一个金钱图案，并设置其填充色和轮廓线宽度。

　　 2. 绘制一个和金钱图案差不多大小的矩形，作为金钱图案的边界，将其填充色和轮廓线都设置成无色。将它的顺序放到最后面。（右键->Arrange->Send to Back）。注意这两步必不可少，否则下面的操作不会成功。这一步很重要，请仔细体会。

　　 3. 选择金钱图案和矩形边界，将它们群组。Object->Graph->Design显示对话框。在对话框中单击New Design就将此群组图案加入图表设计图库中，在Preview框中可以预览刚刚设计的图案。如图12。如果不满意可单击Delete Design删除之。利用此对话框还能执行粘贴，重命名，选择未用设计图案的操作。

图 12

4. 类似地，用同样方法可建立多个图表设计图案并储存。当然，最好重新命名以便于查找和使用。

十二、将设计图案应用到图表中

　　 制作好了设计图案当然是为了在图表中应用了。以柱形图和条形图为例，将刚才定义的金钱图案代替图表中抽象的柱形或者条形。具体操作如下：

　　 1. 用组选择工具选中图表中的柱形或条形。

　　 2. 选择Object->Graph->Column，弹出如图13的对话框。

图 13

在Choose Column Design 下的列表中选择要应用的设计图案，可在右边框中进行预览。我们选择刚才定义并保存的金钱图案。

　　 在Column Type 列表中有以下4项选择：

　　 1)Vertically Scaled-设计图案在垂直方向上进行缩放，即在垂直方向上可拉长和缩短，而宽度不变。

　　 2)Uniform Scaled－设计图案在水平和垂直两个方向上等比缩放。

　　 3)Repeating－可在垂直方向上重叠放置多个设计图案。如果选择此项，则下面还有一个选择项被激活：

　　 在Each Design Represents框中输入数值，以确定每多少个刻度数值用一个设计图案表示。

　　 而选中"Rotate Legend Design"表示可将应用的设计图案进行旋转。

　　 在For Fractions下拉列表中选择，可设置当重复的设计图案不是整数时的效果，共两个选项，缩放设计和截断设计。

　　 Scale Design－如果最上边的一个设计图案放不下，就将其缩小，使其刚好能够放下。

　　 Chop Design－如果最上边的一个设计图案放不下，就将其截断，能放下多少放多少。

　　 4)Sliding－如果要将设计图案进行局部缩放可用此选项。

　　 理解了上述选项的含义，就可制作出多种多样的自定义图表了。如图14是应用了定义的金钱图案的效果。

图 14

在折线图和散点图中的数值点一般用很小的矩形表示，其实和上面讲的道理一样，同样能用自己定义的图案来代替。方法其实很简单，不妨来做一做。

　　 如果你的笔刷库够丰富的话，就在Brushes面板中选择一个漂亮的笔刷直接拖动到工作区中，选择它，选Object->Graph->Design，显示对话框，单击New Design，选择的笔刷图案就出现在预览框中。

　　 单击OK退出，用组选择工具选中折线图的任一图例，再次单击则将折线图中的数据点都选中。

　　 选Object->Graph->Marker，单击OK，就会将数据点用笔刷图案代替了。如图15。当然此例中完全可以自己绘制图案，但用现成的笔刷要快捷一些。

图 15

十三、在图表中显示数据列的数值

　　 通常图表中的数据都显示在相应的轴上，但是可以创建这样一类自定义图表，直接显示数据列的数值。方法如下：

　　 1. 首先要用前面所说的方法创建一个设计图案。本文中我们还用那个金钱图案。

　　 2. 用文本工具在此图案的上，下左右附近输入"％"，后面输入两个数字。这两个数字的意义是：第一个数字表示小数点之前显示多少位数，第二个数字表示在小数点之后显示多少位数，如果此数字为零则表示整数后面无小数，为1表示整数后面有一位小数….依此类推。

　　 3. 选中包括输入文本在内的新设计图案，将其群组。

　　 4. Object->Graph->Design，单击New Design可以看到已经在预览框中了。

　　 5. 选择图表的部分或全部数据列，选Object->Graph->Column，弹出如图13的对话框，单击刚才更改好的设计图案就可应用了。

　　 如图16是用了在Column Type 列表中Vertically Scaled选项的实际结果。

图 16

Illustrator 10的图表工具功能很多，并且十分强大。本文只是简略讲述了制作简单图表的基本方法，更多的精彩还有待于大家进一步探索。（完）