1. 概述
1.1 版本
| 报表服务器版本 |
|---|
| 11.0 |
1.2 应用场景
组合图类型选择「自定义组合」时，可自由选择柱形图、折线图、面积图、饼图等 15 种图表进行组合。如下图所示：
自定义组合图适用于多个数据集，可同时比较多个类别的数据，展示不同数据之间的差异，例如将饼图和柱形图进行组合，预期效果如下图所示：
1.3 图表特点
极大提升了图表设计的自由度，可以根据需要自由选择适合的图表组合使用，集合各个图表的优势。
适合不同数据集之间的对比，可以比较明显地显示出各数据之间的比例差异，也可以比较各类别的占比情况。
2. 示例
下面以「柱形图-饼图」的组合图为例介绍操作步骤。
2.1 准备数据
1）点击设计器左上角「文件>新建普通报表」，选择主题为「清爽科技」。
2）新建数据库查询 ds1，SQL 查询语句为：SELECT * FROM 销量 。如下图所示：
2.2 插入图表
合并一片单元格区域，点击上方工具栏插入图表按钮，选择「组合图>自定义组合」。如下图所示：
2.3 设计组合图
选中图表，点击右侧属性面板「单元格元素」，可设置图表的各个属性：类型、数据、样式、特效。
2.3.1 图表类型
选中图表所在单元格，点击右侧「单元格元素>类型」，勾选「柱形图」和「饼图」。
注：根据勾选的顺序，决定画图时图层叠加的顺序。后勾选的图表，显示在上层图层。
2.3.2 绑定数据
点击「数据」，分别绑定「柱形图」和「饼图」的数据，如下图所示：
2.3.3 样式设计
1）设置图例
选择「样式>图例」，设置位置「靠上」显示，排列方式为「对齐」。如下图所示：
2）设置系列
选择「样式>系列」，配色方案选择「跟随主题」，配色是对柱形图和饼图均生效的。
注：若想要单独给某个图表设置其他配色，需要在「特效>条件显示」中设置。
柱形图：本例中要制作的是堆积柱形图，但是自定义组合图的可选择的图表类型中没有「堆积柱形图」，所以需要手动设置「堆积和坐标轴」。如下图所示：
这里我们添加两个堆积和坐标轴，「堆积和坐标轴1 」展示前 3 个系列，条件设置为 系列序号 等于 '1' or 系列序号 等于 '2' or 系列序号 等于 '3' 。如下图所示：
「堆积和坐标轴2 」展示后 2 个系列，条件设置为 系列序号 等于 '4' or 系列序号 等于 '5' 。如下图所示：
注：堆积和坐标轴设置中，系列序号都是相对于当前选择的图表类型数据的系列序号，而不是全体数据。
饼图：组合图中是可以自定义饼图的位置的，按 x方向 和 y方向 的占比计算。本例设置如下图所示：
3）为避免饼图和柱形图部分重叠，选择「样式>坐标轴>Y 轴」，设置最大值为 2000 。如下图所示：
4）选择「样式>标签>饼图」，勾选使用标签，勾选百分比，选择饼图外牵引线。如下图所示：
2.4 效果预览
2.4.1 PC 端
保存模板，点击「分页预览」，效果如 1.2 节预期效果所示。
2.4.2 移动端
App 端和 HTML5 端均支持，效果如下图所示：
3. 模板下载
已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\Combination\自定义组合图.cpt
点击下载模板：自定义组合图.cpt
上一篇：堆积柱形图-折线图
