历史版本14 :堆积柱形图-折线图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

堆积柱形图-折线图是由不同系列的堆积的柱形,以及将值标注成点,并通过直线将这些点按照某种顺序连接起来的折线图,两者组合起来的一种组合图表类型。

堆积柱形图-折线图适可以直观地表示数据量的大小及总和并进行比较,可以比较明显地显示出各数据之间的比例差异,也可以显示随时间或有序类别而变化的趋势。

堆积柱形图-折线图展示效果如下图所示:

2020-05-05_19-50-00.png

1.2 图表特点

优点:简单直观,不仅适合比较各组数据之间的差别及总和,也适合那些趋势比单个数据点更重要的数据集。

缺点:不适用于较大的数据集。

2. 属性介绍编辑

2.1 类型

以单元格元素或悬浮元素插入图表时,图表类型选择堆积柱形图-折线图,如下图所示:

2020-05-05_19-38-35.png

2.2 数据

堆积柱形图-折线图需分别绑定柱形图、折线图的数据,数据绑定的详细介绍可以参见文档:图表数据

2.3 样式

堆积柱形图-折线图样式设计的详细介绍可以参见文档:图表样式

注:此处无需设置柱形图、折线图样式-坐标轴、样式-系列。

2.4 特效

堆积柱形图-折线图特效设置的详细介绍可以参见文档:图表特效

3. 示例编辑

3.1 报表设计

3.1.1 准备数据

新建数据集ds1、ds2,数据库查询语句如下:

ds1:SELECT 产品名称, 订购量, 再订购量 FROM 产品 where 类别ID = 1

ds2:SELECT 产品名称, 库存量 FROM 产品 where 类别ID = 1

1588672381558758.png

1588672396473536.png

3.1.2 插入图表

合并一片区域单元格,右键选择 A1 单元格,点击单元格元素>插入图表>堆积柱形图-折线图,如下图所示:

2020-05-05_19-38-35.png

3.1.3 数据绑定

分别绑定堆积柱形图、折线图数据,如下图所示:
222

3.1.4 样式设计

堆积柱形图-折线图基础样式只需要改个标题,其余默认设置即可。

注:默认的三种内置组合类型,柱形图在下层,折线图等在上层。

3.2 效果预览

1)PC端

保存模板,点击表单预览,效果如下图所示:

2020-05-05_19-50-00.png

2)移动端

QQ图片20200505195140.jpg

4. 模板下载编辑

已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewCombination\StackColumnLineChart.cpt

点击下载模板:堆积柱形图-折线图.cpt