FineReport11学习大屏制作体验笔记

数据运维能力+产品知识 业务人员人群缺乏产品知识能力，受限于EXCEL报表知识框架

专业报表工程师针对业务需求和呈现，具备产品分析和报表框架需求的转化，通过专业的数据处理能力和产品模板开发专业领域中的技术积累来获得报表工程师的基本要求。

学习涉足人群：业务人群和具备基础SQL能力的IT人员

学习中的困难：学习方向不明，学习中的困难解决不畅，没有系统的学习进程，帮助文档学习难成体系化认知。

学习的体系进度：1、认知报表，需求，开发人群的要求。

2、熟悉相关基础操作

3、完善报表设计的流程，利用公式，JS解决个性化需求，对图表进行扩展和 复杂报表以及导入导出功能

4、实战演练，角色报表开发实例和多端展现能力。数据分析，功能信息的提升和插件使用

5、面向企业的整体报表体系建设，不仅能开发报表，还可以针对权限控制，部署集成知识储备。同时具备排异和性能优化能力。

掌握的技能：1、快速低成本完成企业报表需求搭建

2、快速熟练制作业务需求报表

3、学会布局调色报表展示，利用简单代码完成业务需求

4、通过报表体系推动业务发展和管理

 

报表工程师三步走：1、学习班，公开课，完成基础认知和能力学习

2、认证FCA系列认证和FCP系列认证，报表开发工程师和报表交付工程师、业务工程师。

3、就职，转职。

 

 

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

制作疫情分析大屏学习资料

数据公开，可视化。

数据大屏目标：实时数据展示，应对疫情展示。

大屏制作思路步骤：需求 --> 设计 --> 方案 --> 制作效果 --> 组织数据 --> 调试应用

蓝图布局如下：

建立布局模版：一般大屏适用决策报表创建模板，选择推荐模块快速创建

根据布局确认布局数据模式，图文信息（非数据来源），图文数据（单一数据来源）【包含关键指标，数据集，关联数据来源配置设计】，图文数据（可钻取数据来源）【指标，数据集可进一步展示逐级关联数据，通过下钻设计以及关联数据SQL进行多数据来源的展示】，趋势图（折线图，饼图，散点图，等直观数据展示）【确定数据不同维度，各维度关联的数据来源】。

数据要求：明确数据源和涉及的指标展示数据，根据大屏布局需求分类建设数据集和获取SQL。

 

根据以上数据集方案，创建数据源和数据集。

 

以上实例包含：中国实时数据集，省市实时数据集，疫情市实时数据集，省市历史数据集，疫情谣言信息数据集。

通过创建的数据源和表进行各自所需数据集的创建，创建方式包含直接SELECT查询和复杂SQL查询。

开始布局框架参数设置：内边距，组件间隔

 

整体框架参数设置完毕后，按照布局方位，进行展示图表样式和报表块的拖拽到画布区，进行块的调整大小和位置，满足大屏展示样式要求。

进行背景色配置，分为跟随主题和自定义，跟随主题是通过模板选择的主题进行自动适配的（小衣服）。自定义为用户需要进行的个性配置。

 

针对各模块进行编辑（编辑组件操作），可以进入到编辑界面按照要求设计界面，注意参照编辑线范围，超出编辑范围也不影响，可通过组件的显示方式宽度或双向铺满来自适应。

编辑过程中，存在重复内容的样式，可通过编辑界面复制粘贴完成快速编辑。

对于图文编辑后展示时出现横竖拉条，需要配置组件的内容显示方式，宽度铺满或双向铺满。

 

对于插入图片，可合并适合的单元格后选中进行图片选择插入，然后调整。

 

进行数据行分行不同背景色的显示设置，可通过点击单元格，通过配置条件属性

来进行配置，配置中选择当前格或当前行列来决定怎么实现，然后选中条件，通过编辑报表函数公式，来判断满足什么条件下显示什么背景色。例如隔行显示背景色为ROW()函数，ROW()%2=0判断是通过偶数取整满足则显示背景色。

 

数据展示特效：走马灯类型，通过选中需要特效的组件模块，配置添加事件，进行JS脚本编码。

setTimeout(function(){

_g().getWidgetByName('report0').startMarquee();

}, 500);

其中report0更改为对应需要特效的组件模块名。

如果不想某块某行不进行一起滚动，则通过编辑页里进行所需选择行的冻结进行固定。

--------------------

1、对于地图组件板块的配置，通过点击编辑，选择地图的类型，地图边界样式和图层来实现需要的地图范围，然后缩放等级显示地图中心点位置。

2、对地图进行数据设置，通过配置地图钻取等级的层级关系和展示区域来确定显示数据的方式。

 

3、数据配置页是决定地图数据的汇总方式，分为底层和各层级指定，底层为通过最底一级的数据逐层汇总，各层级指定为分别特别指定数据集的来源（提前配置好的数据集）或指定数据。然后显示各省市区的逐层数据。

地图数据配置有区域名（省市地图区域的配置对照）和系列名（区域上显示的具体数据来源字段）， 配置系列名数据时可分为字段值配置数据源和字段名关联数据源。字段值方式只选择配置，不能自定义字段名称，字段名关联可自定义系列名称，显示在地图鼠标放置时的数据代表名称称呼。

4、图表类型组件样式配置（此类组件样式除了选中组件进行配置外，还可进入组件编辑进行样式页的单独设置）。（1）标题，为图表范围中单独的标题显示（非组件标题）。（2）图例，图形中的比例显示。（3）标签，图中区域块的标签说明。（4）系列，可对前面配置的地图的系列名进行配色设置，也可根据系列值对应的数值变化进行颜色渐变配置，实现逐色变化。（5）背景，地图块的背景颜色配置。（6）提示，鼠标移到不同区域类型地图块上的不同提示。

----------------------------

折线图：

等类型的设置基本参考地图数据和样式配置，此外不同在于坐标轴的配置和数据表的展示与否。

坐标轴根据X Y 轴可分别定义显示方式和个性化轴方案。

图例为多折线图时的标注备注示例说明。

系列里定义了折线图多个不同系列的配色方案，不同折线显示不同颜色和样式。

背景主要针对折线图的图表区和绘图区分别设置，可配置坐标网格和背景色等显示样式。

提示配置页设置每个折线点位，鼠标放置上的提示内容格式样式。

特效页没有需要的取消内容和布局里的默认选项。

-----------------------------

散点气泡图：

对于力学气泡图，主要配置参照以上图例设置，不同在于数据页配置里面的数据集没有分类设置，系列名如果是单一指标，使用的是字段值直接确定，指定需要展示的每个气泡的系列名是哪一列，数值显示是哪一列。

样式系列里定义了多个不同系列名的配色方案，一般根据值来渐变颜色，选择主题色后如果有数据区分度多的需要，则颜色划分阶段可增大阶段数。

背景和提示按照要求无背景或特定背景配置，提示为鼠标放置的提示显示。

特效页没有需要的取消交互属性中的内容和布局里的默认选项。

------------------------------

表格组件展示数据行时，如果表数据集中的同一行不同列值不是在一行单元格显示，而是上下行的，需要使用到父子格扩展配置操作。首先选中显示的单元格，设置左父格为同一个单元格，则设置为同一个左父格的单元格会一组一组同时扩展出现。左父格的意思就是根据谁去扩展单元格显示。

应用场景:

父子格是跟单元格扩展息息相关的概念，单元格的扩展是针对具体的某一个单元格，当报表主体中绑定了多个单元格时，这些单元格在扩展时是否存在联系，其扩展方向是否会相互影响呢？

以「地区」和「销售员」这两个字段为例，这两个字段之间存在层级关系，每个地区下面会有多个不同的销售员。我们希望这两个字段在单元格扩展时，能够表现出他们之间的层级关系，也就是让这两个字段的数据能够分组展示。FineReport 使用父子格设置来实现这种效果。图示中「地区」字段为父格，「销售员」字段为子格。设置方法在下面的示例中详细说明。

功能介绍

FineReport 设计报表时，选中单元格后，单元格的父格会有「蓝色箭头」。如下图所示：

FineReport 支持两种类型的父子格设置。

• 左父格：单元格之间存在纵向扩展的关系时，设置左父格。
• 上父格：单元格之间存在横向扩展的关系时，设置上父格。