历史版本27 :图表单元格数据源 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

如果数据集中的数据无法直接用于图表,需要经过计算之后才能用于图表时,可以使用单元格数据源来定义图表数据,如下图所示:

Snag_12961f1.png

1.2 功能简介

1)分类名、系列名和值均可以使用单元格数据,或直接输入内容。

需要注意的是,要使用单元格数据,需要点击 F(x) 按钮进入「公式定义」界面进行编辑才有效,直接在输入框输入则会判断为「普通文本」类型。

1620721027754323.png

2)有时分类轴、系列名与系列值可能不只是由一个单元格扩展出来的,而是由多个单元格组成,此时定义图表数据规则如下:

如果数据来自于一片「连续」的单元格如 A1~A3:则定义时使用公式=A1:A3,用冒号隔开。

如果数据来自于「不连续」的多个单元格如 A1、A3、A5:则定义时使用公式=[A1,A3,A5],单元格用逗号隔开,并且需要加上 [] 号。

2. 示例编辑

2.1 准备数据

 新建普通报表,新建数据库查询 ds1,SQL 查询语句为:SELECT * from 销量

1620704171215234.png

2.2 设计报表

1)将「地区」、「产品」和「销量」这三个字段依次拖入 A2、B2、C2 单元格中,并设置「销量」所在单元格 C2 的 数据显示方式 为「汇总>求和」,如下图所示:
1620704488678220.png

2)在表格下方合并一片单元格,插入柱形图。如下图所示:

1620711576838169.png

2.3 绑定数据

选中图表,点击「单元格元素>数据」,选择「单元格数据」后,在各个设置项填入对应的单元格即可。

本例中分类名为「地区」A2,系列为「产品」B2,值为对应的「销量和」C2。如下图所示:

1620712971526122.png

2.4 设置样式

1)选中图表,点击「单元格元素>样式」,选择「标题」,修改标题为「区域产品销量」。如下图所示:
1620715876550320.png

2)选择「标签」,取消勾选「使用标签」,使图表不显示标签。如下图所示:
Snag_2841aa.png

2.5 效果预览

2.5.1 PC 端

保存模板,点击「分页预览」,效果如下图所示:

1620716228302374.png

2.5.2 移动端

App 端和 HTML5 端均支持,效果如下图所示:

Snag_2c6098.png

3. 示例扩展编辑

当单元格使用「条件属性」隐藏了行数据时,例如给单元格 C2 设置条件属性,当单元格值小于 1500 时行高为 0 。即隐藏「销量和」小于 1500 的数据行。如下图所示:

Snag_35b9c8.png

若直接按照第 2 节所述步骤设置图表数据,图表中仍然会展示出所有数据。如下图所示:

Snag_3b1de9.png

但我们希望图表只展示表格中展示出来的数据,不展示隐藏的数据。那么就需要在绑定数据时用公式做过滤处理。

将数据源中「系列名」的公式修改为:B2[!0]{C2>=1500};「值」的公式修改为:C2[!0]{C2>=1500}

注:公式表示单元格扩展出来的值满足「销量和」大于或等于 1500 的值。与单元格隐藏行的条件公式相反。

1620717779675375.png

保存模板,点击「分页预览」,效果如下图所示:

Snag_46fc9b.png

4. 模板下载编辑

已完成模板可参见:

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\定义图表单元格数据源.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\定义图表单元格数据源(隐藏行).cpt

点击下载模板:

定义图表单元格数据源.cpt

定义图表单元格数据源(隐藏行).cpt