1.1 版本

1.2 应用场景

组合图类型选择「自定义组合」时，可自由选择柱形图、折线图、面积图、饼图等 15 种图表进行组合。如下图所示：

自定义组合图适用于多个数据集，可同时比较多个类别的数据，展示不同数据之间的差异，例如将饼图和柱形图进行组合，预期效果如下图所示：

1.3 图表特点

• 极大提升了图表设计的自由度，可以根据需要自由选择适合的图表组合使用，集合各个图表的优势。

• 适合不同数据集之间的对比，可以比较明显地显示出各数据之间的比例差异，也可以比较各类别的占比情况。

下面以「柱形图-饼图」的组合图为例介绍操作步骤。

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 端均支持，效果如下图所示：

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\Combination\自定义组合图.cpt

点击下载模板：自定义组合图.cpt