1.概述
1.1 应用场景
自定义组合图可自由选择柱形图、折线图、面积图、饼图、等弧度玫瑰图、不等弧度玫瑰图、多指针的仪表盘360度、多指针的仪表盘180度、百分比圆环仪表盘、百分比刻度槽型仪表盘、试管型仪表盘、雷达图、堆积柱形雷达图、散点图、气泡图共 15 种图形进行组合。
自定义组合图适用于多个数据集,可同时比较多个类别的数据,展示不同数据之间的差异,示例中将饼图和柱形图进行组合,展示效果如下图所示:
1.2 图表特点
极大提升了图表设计的自由度,可以根据需要自由选择适合的图表组合使用,集合各个图表的优势。
适合不同数据集之间的对比,可以比较明显地显示出各数据之间的比例差异,也可以比较各个类别的占比情况。
1.3 应用实例
复用组件下载后可直接在设计器内安装复用,即可自定义组合图效果,无需进行代码编辑;
更多自定义组合图组件的示例,可参见 帆软市场-组件 / 设计器→在线组件库,组件复用相关文档请参见:组件复用 。
组件下载链接 | 描述 | 效果图 |
---|---|---|
柱形图饼图组合-深色 | 1)该组件适用于深色简约风格模板 2)柱形图与饼图的结合,在显示出数据整体发展的同时,突出各部分内容占整体的占比情况 | |
柱形气泡组合图-商务风 | 1)该组件适用于深色商务风格模板 2)柱形图和气泡图的结合,用类似棒棒糖形状代替传统条形,图表更加美观 |
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)移动端
3. 模板下载
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\自定义组合图.cpt
点击下载模板:自定义组合图.cpt