1.1 应用场景

自定义组合图可自由选择柱形图、折线图、面积图、饼图、等弧度玫瑰图、不等弧度玫瑰图、多指针的仪表盘360度、多指针的仪表盘180度、百分比圆环仪表盘、百分比刻度槽型仪表盘、试管型仪表盘、雷达图、堆积柱形雷达图、散点图、气泡图共 15 种图形进行组合。

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

1.2 图表特点

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

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

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

2.1 报表设计

2.1.1 准备数据

新建数据查询 ds1，数据库查询语句为：SELECT * FROM 销量

2.1.2 插入图表

合并一片区域单元格，右键选择 A1 单元格，点击单元格元素>插入图表>自定义组合，勾选柱形图、饼图，如下图所示：

注：根据勾选的顺序，决定画图时图层叠加的顺序。越往后勾选的图表类型，越在图层上层。

2.1.3 数据绑定

分别绑定柱形图和饼图的数据，如下图所示：

注：设置饼图时，取消分类设置，只生成一个饼图。

2.1.4 样式设计

1）选择样式>系列，添加堆积和坐标轴 1，增加条件，系列序号为 1 or 2 or 3，再添加堆积和坐标轴 2，增加条件，系列序号为 4 or 5，如下图所示：

注：堆积和坐标轴设置中，系列序号都是相对于本图表类型数据的系列序号，而不是全体数据。

2）为避免饼图和柱形图部分重叠，选择样式>坐标轴>Y 轴，设置最大值为 2000 ，如下图所示：

3）选择样式>标签>饼图，勾选使用标签，勾选百分比，选择饼图外牵引线，如下图所示：

2.2 效果预览

1）PC端

保存模板，点击分页预览，效果如下图所示：

2）移动端

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

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