1. 概述编辑
1.1 应用场景
组合图可以将多种图表组合在一起,如折线图、柱形堆积图等,下面我们以一个实例来看看图表中包含折线图以及堆积柱形图的做法。
如下组合堆积图将订购量与再订购量累积起来与库存量进行比较,如果累积后的总订购量大于库存量,则说明要补货了。
1.2 图表特点
优点:
缺点:
2. 属性介绍编辑
2.1 类型
以单元格元素或悬浮元素插入图表时,图表类型选择堆积柱形图-折线图,如下图所示:
2.2 数据
堆积柱形图-折线图数据绑定的详细介绍可以参见文档:图表数据。
2.3 样式
堆积柱形图-折线图样式设计的详细介绍可以参见文档:图表样式。
2.4 特效
堆积柱形图-折线图特效设置的详细介绍可以参见文档:图表特效。
3. 示例编辑
3.1 报表设计
3.1.1 准备数据
新建工作薄,添加数据集 ds1,SQL 语句为:SELECT 产品名称, 订购量, 再订购量 FROM 产品 where 类别ID = 1,添加数据集ds2,SQL语句为SELECT 产品名称, 库存量 FROM 产品 where 类别ID = 1
分别选出饮料类各产品的库存量、订购量与再订购量作为图表数据来源。
3.1.2 插入图表
以单元格图表为例,合并一片单元格,点击插入>单元格元素>插入图表,选择组合图
选择图表属性表-类型,选择组合图新特性>堆积柱形图-折线图,如下图所示:
3.1.3 数据绑定
选中图表,在右侧图表属性表中选择图表属性表-数据,如下图所示:
3.1.4 样式设计
因为这里我们选择的是堆积柱形图-折线图,因此柱形图无需设置即可实现堆积效果
按照需要可在图表属性表中进一步设置图表样式,例如设置标题,坐标轴标题,字体大小颜色,图例,系列配色,这里不再一一介绍
注:默认的三种内置组合类型,柱形图在下层,折线图等在上层
3.2 效果预览
1)PC端
保存模板,点击表单预览,效果如下图所示:
2)移动端
4. 模板下载编辑
已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewCombination\StackColumnLineChart.cpt
点击下载模板: