数据科学、管理科学系课程教学课件——FineReport实验指导书节选====你的第一张大屏

  数据科学、管理科学系的数据大屏、数据报表、商务智能、管理信息系统等课程教学，只需简单的数据库基础，解放学生码代码的时间，用更真实的企业案例，更灵活的将思维落地。本节讲述的是通用报表的分析案例：你的第一张大屏

• 实验目的

  通过一张简单的大屏设计与制作，体验FineReport能够实现的炫酷大屏效果，并为之后的专题大屏和3D大屏设计打下基础。
  大屏效果如下：

• 实验原理
    在大数据时代，可视化报表已成为企业商业决策的重要工具。把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化，数据可视化是为了使客户快速读懂数据背后的含义。
    帆软的数据可视化除了「可视」，还可有「可交流」、「可互动」的特点。
    真实的企业场景中，一张数据大屏的制作包含比较复杂的流程。
     1、前期准备：
       1）进行业务需求调研、根据业务场景抽取关键指标。
       2）确定可视化图表类型。
      

  2、排版布局：明确大屏展现的目的，首要是服务于业务的。要让业务内容、数据合理的展现，就要避免误入疯狂堆砌指标的歧途，要分清主次。主要指标是什么？是反应核心业务内容的。次要指标是什么？通常是用于进一步阐述主要指标的。一定要让数据之美绽放在数据价值体现的基础上。
   几个常见的版式如下：

3、配色：
 1）合理的布局能让业务内容更富有层次，合理的配色能让观看者更舒适。
 2）背景的选择要遵从两点基本原则：深色调&一致性。
    如下所示给大家几个推荐的配色方案：

  并不是说背景一定要用颜色，也可以采用深色系的图片，可以搭配其他一些现实特性可以让整体看着更有科技感。推荐使用一些带有星空、条纹、渐变线、点缀效果之类的图片等。
 3）统一图表系列、标签配色
   设置单一图表背景通常为无，统一设置系列颜色，修改标签、坐标轴颜色。
   技巧：预先设置好图表预定义配色，统一给图表系列更换配色。
  

 4）设置标题字体大小、颜色。
 设置大屏主标题；统一组件标题大小和颜色；设置方式：组件>样式>自定义>标题。

 5）点缀：在大屏展现上，细节会极大的影响整体效果，需要通过适当给元素、标题、数字等添加一些诸如边框、图画等在内的点缀效果，能帮助提升整体美观度。
  

 6）动态效果：动效的范围很广，可以从很多角度解读，丰富的动态效果能让大屏看上去科技感十足，让大屏展示效果更加炫酷。合理的利用动态效果，可以帮助观者快速理解数据间的关系，为决策分析提供了指导性的意义。
 7）大屏可视化插件（扩展图表）：基于 WebGL 等技术新开发，目的在于通过简单拖拽即可实现自动播放、3D 动画特效等多种效果，同时也能多维度地展示数据，提升大屏的视觉效果。

• 使用数据

  使用数据库FRDeom中的总公司面板表、总公司品牌、总公司车系、总公司员工、总公司月份、总公司影响因素与总公司销售分析表。

• 实验步骤
  点击申请《FineReport实验指导书》

1、新建报表类型
  菜单栏点击文件>新建决策报表，新建一张空白的决策报表。

2、新建数据集
  1）数据集管理面板选择模板数据集，点击上方的，在弹出的模板数据集类型选择框中点击数据库查询。

  2）在弹出的数据库查询对话框中，写入数据查询语句 SELECT * FROM 总公司面板 ，新建数据集ds1，

  3）同理，新建数据集 ds2，写入数据库查询语句 SELECT * FROM 总公司面板 where 分公司=’${c}’ 。
   ${c}其中c为控件名称
  

  新建数据集ds3 SELECT * FROM 总公司品牌 where 分公司=’${c}’。

  新建数据集ds4 SELECT * FROM 总公司车系 where 公司=’${c}’ order by 销量。

  新建数据集ds5 SELECT * FROM 总公司员工 where 公司=’${c}’。

  新建数据集ds6 SELECT * FROM 总公司月份 WHERE 分公司=’${c}’。

  新建数据集 ds7 SELECT * FROM 总公司影响因素 where 分公司=’${c}’。

  新建数据集ds8 SELECT * FROM 总公司销售分析 where 分公司=’${c}’。

  新建好数据集之后，可在数据集管理面板查看取出的数据。

至此报表的数据准备工作已经完成，下面对报表的样式进行设计。
3、报表设计
3.1 表格设计
  1）样式设计
  调整画布块的区域缩放方式为绝对布局，适应区域。

  新建一个报表块调整报表块位置与大小;位置为290，0大小为279，50。

  编辑报表块内容，调整A1单元格列宽，并填入文字‘XX汽车公司驾驶舱’ 并改变字体颜色为浅灰色,字体为微软雅黑，字号为12，居中。

  放入一个条形图。

  调整条形图的位置，位置为15，67大小为188，275。

  点击编辑条形图，设置数据来源为ds4数据集、按车系分类，系列名使用字段名销量，汇总方式为最后一个。

  点击样式；设置标题为“销量TOP10”，字体为微软雅黑，字号为18，颜色为浅蓝色，加粗。

  设置图例不可见。

  设置标签不可见。

  设置系列里的样式。

  坐标轴设置如下：

      
  背景绘图区设置横向网格线为第一种类型的横线，颜色为透明：

  样式-提示，取消勾选百分比，边框线型设为无：

  在样式下特效选项，取消勾选排序，取消勾选导出图片，取消勾选全屏图片。开启动画特效：

3.2 图表设计
  拖拽词云图到画布中：

  设置词云图数据来源为数据集为ds5,词名为车系，词频为销售额；
  设置图表标题，在图表样式选项下标题属性，文本内填入员工TOP10，加粗居左，颜色为浅蓝色；
  在样式选项的图例属性下，取消勾选图例。系列属性旋转角度为0-0，指定大小，9-30。
  设置背景属性边框为无，圆角为0；
  提示属性下取消百分比，线型为无，圆角为2；
  特效选项下，取消导出图片，全屏展示 ，开启动画特效。
  拖拽面积图组件至画布词云图正下方。

  设置图表数据集，数据集为ds6；按月份分类，系列名使用字段名：销售额、销量，汇总方式为最后一个（或者无）。
  标题为每月销售情况，居左加粗，字体为微软雅黑，字号为14，颜色为浅蓝色。
  图例居上，字号为8，颜色为灰色。
  系列中关闭渐变风格，选择自定义组合色；
  坐标轴-X轴：显示轴标题，居中字体为微软雅黑，字号为8，轴标签统里，轴线样式设置为浅灰色，关闭主要刻度线；
  坐标轴-Y轴：显示轴标题，居中，轴标签字体为微软雅黑，字号为8，自定义最小值为0；
  背景绘图区设置网格线均为第一种类型，颜色为透明。
  拖拽柱形图组件至画布每月销售情况下方。

  设置柱形图数据来源为ds8数据集（可以提前默认c控件为江苏分公司），按照因素分类，系列名使用字段名数量，汇总方式为最后一个（旧版为“无”）；
  设置图表标题为销售分析，居左加粗，颜色为浅蓝色。
  标签与图例不可见，系列属性为渐变风格为自动，固定柱宽为15，无边框；
  坐标轴-X轴：显示轴标题，轴标签字体为微软雅黑，字号为8，轴线样式为无，关闭主要刻度线；
  坐标轴-Y轴：显示轴标题；
  背景和提示跟上面两个图表组件一致；
  特效选项下取消排序，导出图片，全屏展示，开启动画特效。
  拖拽雷达图组件至画布“销量TOP10”图表下方。

  设置数据集为ds7，分类为影响因素，系列名使用为字段名，字段名为比重；
  设置图表标题为销量分析，居左，字号为14，加粗，颜色为浅蓝色；
  设置图例和标签不可见，系列属性为形状圆形，线型为第一种，线宽为1，开启空值断开，标记点类型为无。
  坐标轴极角轴轴线样式类型为第一种；
  极径轴，轴标签隐藏，值为统一计算，最大值为100。
  背景-绘图区线颜色为透明；
  提示下取消百分比，边框为无；取消所有特效。
  拖拽扩展图表-仪表盘类组件至画布下方位置，选择为水球图。

  设置图表数据集，数据集为ds2指标值销售额，目标值为目标。
  样式选项下，标题属性下，在文本内容内填入文本目标完成率，标题格式与之前的组件统一。
  标签发生下勾选百分比，样式为自动。
  图形属性为区间颜色为自定义，划分阶段为3，数值分别为1，0.67,0.33,0动画下的波浪动画开启。
  背景属性为，没有背景。
  特效选项下，关闭定时刷新 ，播放间隔为6秒。
推拽饼图组件至画布。

  为图表设置数据集，数据集为ds3,分类为无，系列名使用为字段值，系列名为品牌，值为销售额。
  样式选项下，标题属性下，勾选标题可见，内容下文本内填入品牌销售情况。
  设置图例不可见，标签只勾选系列名，样式为自动，位置为饼图外，边框为无。
  系列属性下设置起始角度为0，终结角度为360，内径占比70，半径设置为自动，关闭旋转，边框为无。
  样式选项卡下，背景属性下边框为无。
  提示属性下设置取消值勾选，边框为无。
  特效选项下取消排序，导出图片，全屏展示，开启动画特效。
  推拽报表块至画布标题下方。

  编辑报表块内容为2020总计销售额，颜色为蓝色，字体为微软雅黑，20号。

  拖拽扩展图表-指标卡类至画布中央，选择第三种粒子计数器。

  设置图表数据集为ds2，标题为空，计数值为销售额。
  图表图形属性为自动，颜色为蓝色和紫色。背景为没有背景。
  特效选项下，更改刷新间隔为6秒。
  拖拽扩展图表-其余至画布中央，选择第一种图表类型-轮播目录齿轮。

  设置图表数据集为ds1，节点名称为分公司，节点内容为内容。
  图表属性为图形下的属性为主题色为蓝色，主题文字自动，文字大小为1，排序数字开启。背景属性为没有背景。特效选项下，关闭定时刷新，轮播间隔为6秒。
  设置轮播对象，在特效选项下，添加轮播联动，为当前决策报表对象，联动报表内其余图表。联动动画选择为重新加载 ，参数为节点名称。
  添加其余八个图表为轮播对象。

3.3 视觉设计
  添加其余八个图表为轮播对象。
  设计背景：选择body，编辑样式，填充选择图片，选择背景图片。

  标题设计：选择标题组件，编辑样式，填充选择图片，选择标题背景图片，选择拉伸。

  组件设计：为四周图表组件设置边框，填充选择边框元素，效果选择拉伸。

3.4 报表预览
  预览报表：

授课老师私信可申请FineReport实验指导书完本，有配套理论ppt、期中考试、期末考试题目、前期师资培训赋能、后期任务共创能力变现等。
欢迎咨询，有配套教材。

标签：样式,FineReport,节选,标题,图表,设置,大屏,数据,指导书
来源： https://blog.csdn.net/weixin_44322005/article/details/120199693