1. 描述
在线视频学习请查看：图表入门示例。
图表作为单元格元素插入到报表中，就可以通过单元格的父子格关系，跟随父格的扩展自动生成相应的图表，而不需要对每组数据分别制作图表。
2. 示例
2.1 示例效果
1）左上角为所有销售员的产品销量统计表。
2）右上角为每个地区下销售员的销量柱形统计图。
3）下方为所有销售员的销量饼状统计图
注：示例中柱形图数据来源于左上角的单元格，饼图数据来源于数据集。这两种数据来源的设置方法有所不同。
2.2 数据准备
新建数据集 ds1，数据库查询对话框中写入 SQL 查询语句SELECT * FROM 销量，取出销量表中的所有数据。
2.3 报表设计
2.3.1 销量统计表设计
1）A1~C1 单元格写入表格标题信息，选中 A1~C1 单元格，右边属性面板选择单元格属性>样式，样式下拉框选择预定义样式，给标题设置一个Head类型的样式。
注：设置好 Head 类型的样式后，标题字体会自动居中，无需另外设置。
2）将数据集中的字段拖入到对应单元格中，选中 A2~C2 单元格，将字体居中，选中 A1~C2 单元格，给表格整体添加预定义样式默认的天蓝色内外框。
3）选中 C2 单元格，右边属性面板选择单元格元素>基本。数据设置下拉框选择汇总>求和。
至此，表格式数据设计工作已经完成，下面插入图表。
2.3.2 插入柱形图
1）合并 D1~G1 单元格，写入标题信息「柱形统计图」，字体居中。合并 D2~G2 单元格，作为柱形图插入位置。给合并后的单元格添加内外框。
2）选中合并后的单元格 D2，点击插入图表快捷按钮，图表类型选择柱形图>柱形图。
3）选中柱形图所在单元格 D2，右边属性面板选择单元格元素>数据。数据来源下拉框选择单元格数据。点击分类名右侧的公式按钮，公式面板中输入B2，让销售员字段作为柱形图的分类名。点击系列名和值设置项下方的
，新增一条系列名和值的设置项，点击系列名右侧的公式按钮，公式面板中输入销量，点击值右侧的公式按钮，公式面板中输入C2，让销量作为系列名，销量字段的数据作为系列的值。
注：分类名、系列名、值的内容也可以直接在编辑框中输入。以分类名为例，直接在分类名右侧编辑框中输入「=B2」，等号是必须的，千万不要忘记。
4）由于D1单元格已经设置了柱形图的标题，所以柱形图自己的标题无需设置，直接去掉即可。
选中柱形图所在单元格 D2，右边属性面板选择单元格元素>样式>标题，标题可见默认是勾选的状态，直接将勾选去掉。
5）报表预览时，考虑到美观性，将报表工具栏去掉。
选中柱形图所在单元格 D2，右边属性面板选择单元格元素>特效>交互属性>工具栏>内容。将默认勾选的排序、导出图片、全屏展示去掉即可。
6）设置柱形图跟随地区字段扩展（A2 单元格），让每个地区下只有一个柱形统计图。
选中柱形图所在单元格 D2，右边属性面板选择单元格属性>扩展。扩展方向选择不扩展，自定义左父格为A2单元格。
2.3.3 插入饼图
1）合并 A3~G25 单元格，作为饼图插入位置。给合并后的单元格添加内外框。
2）选中合并后的单元格 A3，点击插入图表快捷按钮，图表类型选择饼图>饼图。
3）选中饼图所在单元格 A3，右边属性面板选择单元格元素>数据。数据来源选择数据集数据，数据集选择ds1。分类选择无，系列名使用选择使用字段值，系列名选择销售员，值选择销量，汇总方式选择求和。
4）选中饼图所在单元格 A3，右边属性面板选择单元格元素>样式>标题，勾选标题可见，设置标题文本内容为「饼状统计图」，位置靠右。
5）去掉报表展示时的工具栏。选中饼图所在单元格 A3，右边属性面板选择单元格元素>特效>交互属性>工具栏>内容。将默认勾选的排序、导出图片、全屏展示去掉即可。
3. 效果预览
4. 已完成模板
已完成模板可参见：%FR_HOME%\webroot\WEB-INF\reportlets\demo\NewbieGuide\图表入门.cpt
点击下载模板：图表入门.cpt
上一篇：图表简介