亲爱的萌新番薯朋友们：        欢迎您使用帆软的产品，成为番薯UU们的一员。如果你对于FineReport还不够了解或者想要更加熟悉，如果你想要学习但是不清楚帆软有哪些生态资源，如果你想要看到FineReport能够实现怎样的强大效果，如果你是一个刚刚学习使用报表的新手……那么别犹豫，欢迎“乘坐”新手快车！ 快车主要站点内容如下： 一、帆软报表功能介绍 1、三个展示终端：移动端、数据大屏、PC 端 2、两种报表模式：CPT 和 FRM   3、数据填报与导入功能 4、数据查询与过滤功能   5、数据可视化展示功能 二、帆软生态资源内容介绍   1、形式多样的线下活动   2、内容丰富的线上资源 《FineReport新手快车》视频学习入口1：《FineReport新手快车》 《FineReport新手快车》视频学习入口2：快速入门指南 在学习《FineReport新手快车》之后，真诚地邀请您反馈观看之后的真实感受和建议。反馈问卷是匿名提交，同时问卷反馈将用于视频内容的改进，为大家提供更加优质的服务，您的体验和建议对我们来说非常宝贵哦！戳我→：《FineReport新手快车》视频课程学习反馈调研

       在工作中，常常想要的效果是这样的：                但做出来的结果却是这样……                于是，一个问题一直萦绕在心头：该怎么做才能达到更好的效果呢？        现在，帆软带你玩转数据分析与可视化！        为了帮助大家快速制作出美观的可视化效果，帆软隆重推出 —— 数据分析与可视化指南平台（网址：https://help.fanruan.com/dvg/）！        进入帆软数据分析与可视化指南平台，大家可以学习数据分析与可视化方法，查看场景案例，免费获取帆软官方可视化素材包，提高数据分析与可视化效率，还有交流专区可供交流~ 1.数据分析与可视化方法 （1）数据可视化方法  可视化的设计步骤包括：明确目的、选择图表、视觉设计、突出重点。里面包含了可视化设计的要点和需要注意的地方，带你掌握可视化设计。 （2）应用建设——需求调研方法        需求调研作为整个项目的地基，影响着项目是否成功，那么应该如何科学的进行需求调研，才能充分挖掘业务需求呢？        平台提供了需求调研的指南和学习资料，帮助用户顺利进行需求调研。 2.案例介绍        数据分析与可视化指南平台展示了项目案例，按照场景的不同，提供功能场景案例、业务场景案例、热点主题案例三种案例的介绍，详细包括了案例背景、案例思路、案例的实现方法、案例模板资源的下载。        用户可以在线下载资源，跟着指南平台进行操作，完成数据分析与可视化的工作。 3.丰富的素材库，免费组件提供        平台的素材库包括了组件化设计思维的学习资料、丰富的组件资源，从组件思维到实际组件资源，这里通通都有。          关于帆软数据分析与可视化指南平台的介绍就到这里了，快来帆软数据分析与可视化指南平台，开启数据分析与可视化的学习吧~        传送门：数据分析与可视化指南平台        

小张闲暇时间逛某乎，偶然间浏览到了这么个提问 这位朋友字里行间体现着：急！急！急！ 急切地想掌握FireReport，却不知从何下手！ 于是小张去搜索了一下，嚯！原来不止一个朋友有这样的疑问呐！ 小张这么贴心的人儿，怎么能对这些问题置之不理！ 今天小张就带着超系统的报表应用学习路径来啦，有了这份教程，你我都能轻松设计出美观报表！ 本次小张整理的教程共分7个章节，分别是： 数据连接 报表类型 报表预览模式 单元格属性及单元格设置 普通报表设计示例 普通报表进阶 普通报表常用JS示例 7个章节的内容循序渐进，从基础的数据连接开始，逐步介绍设计一张普通报表所需掌握的基础知识，最后2个章节则是普通报表设计的进阶内容。 当然啦，小张只是对教程的内容进行了概括介绍，想要了解更加详细信息，还需点击我们的官方帮助文档哦：https://help.fanruan.com/finereport/doc-view-1336.html

1.模板内容 这是一张银行分析系统看板，包含四个Tab页面，主要从业务、风险、用户、服务四个维度进行分析。 模板实现效果如下： 模板下载：https://market.fanruan.com/template/20000155 模板特色功能：TAB轮播、JS实现点击超链接切换tab块、实时时间获取 2.页面布局设计 Tab0的页面布局分布图 Tab1的页面布局分布图 Tab2的页面布局分布图 Tab3的页面布局分布图 3.模板布局与属性设置 选中body→→布局方式采用自适应布局，整体背景颜色选择了一个极淡的灰色（颜色的rgb颜色值为247,248,250，十六进制颜色码为#F7F8FA），由于本模板使用了tab块不慢整个Body，所以组件间隔和内边距在具体的tab块中设置。 其它组件的背景颜色均调成白色，组件大小调整见第4部分——组件实现所述。 4.组件的构成与实现 4.1整体Tab块与超链功能的实现 ①选择空白块中的tab块拖入到body中【Tab块-https://help.fanruan.com/finereport/doc-view-633.html#】 ②点击右上角“＋”可以新增标签，选中某个标签可以修改标题（由于本模板需要四个Tab页面所以添加了四个标签页并重命名），可以为每个tab块设置内边距、组件间隔和标题 ③将标签页进行隐藏 ④设置Tab块的整体布局以及轮播间隔 拓展： 更多Tab块轮播实现方式如下： 决策报表Tab块轮播特效插件-https://help.fanruan.com/finereport/doc-view-3247.html JS实现点击超链切换Tab块-https://help.fanruan.com/finereport/doc-view-2099.html JS实现决策报表中Tab块轮播-https://help.fanruan.com/finereport/doc-view-2005.html ⑤JS实现点击超链接切换Tab块【JS实现点击超链接切换Tab块和传参-https://help.fanruan.com/finereport/doc-view-2099.html】 注：tabpane0 是指整个 tabpane0对象，index 是指的索引，从 0 开始。 4.2 Tab0的构成与实现 4.2.1Tab0的组件构成 序号 组件类型 个数 涉及功能 效果展示 1 报表块 3 点击标签连接到tab块1、同比增长面积图显示趋势   2 饼图 1   3 条形图 1   4 组合图 2   5 面积图 1   4.2.2Tab0的组件实现 1）报表块——用作标签 ①将空白块中的报表块图表拖入到Tab0的页面中 ②编辑报表块：通过将背景染色、合并单元格、调整大小等变成合适的样式（此报表块用作每一个tab的标签栏样式，所以单元格大小的设计要固定，目前正在编辑的是第一个Tab，所以显示的是业务分析标记蓝色，其他插入的文本均是白色。 ③调整组件大小 ④预览效果 报表块——用作指标卡 ①将空白块中的报表块图表拖入到Tab0的页面中（拖入两个） ②编辑报表块：插入文本和图表等 ③为插入的图标选择相应的数据集和样式等 ④调整组件大小均为 ⑤预览效果 2）饼图 ①将图表栏的饼图图标拖入到Tab0的页面中 ②类型选择第一种 ③选择相应的数据集 ④在样式中设置图表的标签、颜色搭配、内径占比等 ⑤在属性中调整组件大小 ⑥将组件主体和标题填充为白色，并设置标题为“ 业务收入结构” ⑦预览效果 3）条形图 ①将图表栏的条形图图标拖入到Tab0的页面中 ②类型选择第四种—自定义条形图 ③选择相应的数据集 ④在样式中设置图表的自定义标签、颜色搭配、坐标轴等 【图表自定义坐标轴-https://help.fanruan.com/finereport/doc-view-1266.html】 ⑤在属性中调整组件大小 ⑥将组件主体和标题填充为白色，并设置标题为“ 贷款余额及增长率” ⑦预览效果 4）组合图 ①将图表栏的组合图图标拖入到Tab0的页面中【组合图——柱形图和折线图-https://help.fanruan.com/finereport/doc-view-3421.html】 ②类型选择第一种 ③分别为柱形图和折线图选择相应的数据集和配置字段 ④在样式中分别为柱形图和折线图配色和定义坐标轴 【组合图——柱形图和折线图-https://help.fanruan.com/finereport/doc-view-3421.html】【图表自定义坐标轴-https://help.fanruan.com/finereport/doc-view-1266.html】 ⑤在属性中调整组件大小 ⑥将组件主体和标题填充为白色，并设置标题为“ 信用卡不良率” ⑦预览效果 用类似操作可以添加组件“交易额以及同比”（组件大小为571*424） 拓展： 其他组合图样式： 柱形图-面积图：https://help.fanruan.com/finereport/doc-view-3422.html 堆积柱形图-折线图：https://help.fanruan.com/finereport/doc-view-1556.html 自定义组合图：https://help.fanruan.com/finereport/doc-view-1558.html 5）面积图 ①将图表栏的面积图图标拖入到Tab0的页面中,【面积图-https://help.fanruan.com/finereport/doc-view-3379.html】 ②类型选择第一种 ③选择相应的数据集 ④在样式中为面积图配色和定义坐标轴 ⑤在属性中调整组件大小 ⑥ 将组件主体和标题填充为白色，并设置标题为“ 信用卡发卡量” ⑦预览效果 拓展： 其他更多面积图展现形式可见：https://market.fanruan.com/reuse 更多面积图实现方法如下： 百分比堆积面积图-https://help.fanruan.com/finereport/doc-view-1314.html 垂直和曲线面积图-https://help.fanruan.com/finereport/doc-view-1315.html 范围面积图-https://help.fanruan.com/finereport/doc-view-3773.html 4.3 Tab1的构成与实现 4.3.1Tab1的组件构成 序号 组件类型 个数 涉及功能 效果展示 1 报表块 2   2 饼图 1   3 条形图 1   4 组合图 2     5 Tab 1 / 6 地图 2   4.3.2Tab1的组件实现 1）报表块 ①将空白块中的报表块图表拖入到Tab1的页面中（拖入两个） ②编辑报表块：插入文本和图表等 ③为插入的图标选择相应的数据集和样式等 ④调整组件大小均为 ⑤预览效果 2）饼图 ①将图表栏的饼图图标拖入到Tab0的页面中 ②类型选择第一种 ③选择相应的数据集 ④在样式中设置图表的标签、颜色搭配、内径占比等 ⑤在属性中调整组件大小 ⑥将组件主体和标题填充为白色，并设置标题为“ 原因分析” ⑦预览效果 3）条形图 ①将图表栏的条形图图标拖入到Tab0的页面中 ②类型选择第四种—自定义条形图 ③选择相应的数据集 ④在样式中设置图表的自定义标签、颜色搭配、坐标轴等 【图表自定义坐标轴-https://help.fanruan.com/finereport/doc-view-1266.html】 ⑤在属性中调整组件大小 ⑥将组件主体和标题填充为白色，并设置标题为“ 各银行不良率” ⑦预览效果 4）组合图 柱形图-折线图 ①将图表栏的组合图图标拖入到Tab0的页面中【组合图——柱形图和折线图-https://help.fanruan.com/finereport/doc-view-3421.html】 ②类型选择第一种 ③分别为柱形图和折线图选择相应的数据集和配置字段 ④在样式中分别为柱形图和折线图配色和定义坐标轴 【组合图——柱形图和折线图-https://help.fanruan.com/finereport/doc-view-3421.html】【图表自定义坐标轴-https://help.fanruan.com/finereport/doc-view-1266.html】 ⑤在属性中调整组件大小 ⑥将组件主体和标题填充为白色，并设置标题为“  不良贷款余额” ⑦预览效果 柱形图-面积图 ①将图表栏的组合图图标拖入到Tab0的页面中【组合图——柱形图-面积图-https://help.fanruan.com/finereport/doc-view-3422.html】 ②类型选择第二种 ③分别为柱形图和面积图选择相应的数据集和配置字段 ④在样式中分别为柱形图和面积图配色和定义坐标轴 【组合图——柱形图-面积图-https://help.fanruan.com/finereport/doc-view-3422.html】【图表自定义坐标轴-https://help.fanruan.com/finereport/doc-view-1266.html】 ⑤在属性中调整组件大小 ⑥将组件主体和标题填充为白色，并设置标题为“ 或有负债及额度使用率 ” ⑦预览效果 5）Tab ①选择空白块中的tab块拖入到Tab1的页面中中命名为tablayout1 ②点击右上角“＋”可以新增标签（总共需要两个标签页，分别命名为），选中某个标签可以修改标题，可以为每个tab块设置内边距、组件间隔和标题 ③将标签页进行隐藏 ④设置Tab块的整体大小 6)地图 在Tab00中添加一个报表块作为切换标签的标签栏和一个地图图表用来展示贷款高风险地区 报表块的编辑方法见4.2.2中的报表块，接下来介绍地图图表的制作： ①将图表栏的地图图标拖入到Tab00中 ②类型选择第二种点地图 ③选择相应的数据集 ④设置点样式 ⑤调整组件大小 同样方法，在Tab11中也添加一个报表块作为切换标签的标签栏和一个地图图表用来展示贷款不良攀升地区 在两个tab块中的图表都添加完成之后，添加JS超链接实现点击标签切换两个图表效果【实现方式参考JS实现点击超链接切换Tab块和传参-https://help.fanruan.com/finereport/doc-view-2099.html和4.1整体Tab块的实现】 4.4Tab3的组件构成与实现 4.4.1Tab3的组件构成 序号 组件类型 个数 涉及功能 效果展示 1 报表块 3       2 饼图 3   3 条形图 2   4 组合图 1   5 地图 1     4.4.2Tab3的组件实现 1）报表块 报表块的制作参照【4.2.2Tab0组件实现-1）报表块】 拓展： 指标卡的样式很多样，本张模板采用的仅仅是指标卡最基本的样式，其他更多展示形式可见：https://market.fanruan.com/reuse 【大屏素材简介】https://help.fanruan.com/dvg/doc-view-68.html 【图标素材下载网站】https://www.ztupic.com/tupian/15850529689525/0-15-1-0-1.html                                      https://www.iconfont.cn/ （以上两个图标素材下载网站均来自于外部非帆软所有，商用请注意版权问题） 2）饼图 饼图的制作参照【4.2.2Tab0组件实现-2）饼图】和【饼图-https://help.fanruan.com/finereport/doc-view-776.html】 3）条形图 条形图的制作参照【4.2.2Tab0组件实现-3）条形图】和【条形图-https://help.fanruan.com/finereport/doc-view-3361.html】【图表自定义坐标轴-https://help.fanruan.com/finereport/doc-view-1266.html】 拓展： 其他更多条形图展现形式可见：https://market.fanruan.com/reuse 更多条形图展现技巧如下： 条形图隔行变色：https://help.fanruan.com/finereport/doc-view-3493.html 轮播条形图：https://help.fanruan.com/finereport/doc-view-3836.html 动态轮播条形图：https://help.fanruan.com/finereport/doc-view-3193.html 4）组合图 条形图的制作参照【4.2.2Tab0组件实现-4）组合图】【【4.3.2Tab1组件实现-4）组合图】】和【组合图-https://help.fanruan.com/finereport/doc-view-1558.html】【图表自定义坐标轴-https://help.fanruan.com/finereport/doc-view-1266.html】 5）地图 【【4.3.2Tab1组件实现-5）地图】】和【区域地图-https://help.fanruan.com/finereport/doc-view-1583.html】 拓展： 点地图：https://help.fanruan.com/finereport/doc-view-1585.html 流向地图：https://help.fanruan.com/finereport/doc-view-1699.html 组合地图：https://help.fanruan.com/finereport/doc-view-1586.html 4.5Tab4的组件构成与实现 4.5.1Tab4的组件构成 序号 组件类型 个数 涉及功能 效果展示 1 报表块     2 饼图     3 条形图     4 词云图     4.5.2Tab4的组件实现 1）报表块 报表块的制作参照【4.2.2Tab0组件实现-1）报表块】 拓展： 指标卡的样式很多样，本张模板采用的仅仅是指标卡最基本的样式，其他更多展示形式可见：https://market.fanruan.com/reuse 【大屏素材简介】https://help.fanruan.com/dvg/doc-view-68.html 【图标素材下载网站】https://www.ztupic.com/tupian/15850529689525/0-15-1-0-1.html                                      https://www.iconfont.cn/ （以上两个图标素材下载网站均来自于外部非帆软所有，商用请注意版权问题） 2）饼图 饼图的制作参照【4.2.2Tab0组件实现-2）饼图】和【饼图-https://help.fanruan.com/finereport/doc-view-776.html】 3）条形图 条形图的制作参照【4.2.2Tab0组件实现-3）条形图】和【条形图-https://help.fanruan.com/finereport/doc-view-3361.html】【图表自定义坐标轴-https://help.fanruan.com/finereport/doc-view-1266.html】 拓展： 其他更多条形图展现形式可见：https://market.fanruan.com/reuse 更多条形图展现技巧如下： 条形图隔行变色：https://help.fanruan.com/finereport/doc-view-3493.html 轮播条形图：https://help.fanruan.com/finereport/doc-view-3836.html 动态轮播条形图：https://help.fanruan.com/finereport/doc-view-3193.html 4）词云图 ①将图表栏的词云图图表拖入到body中【词云图-https://help.fanruan.com/finereport/doc-view-1700.html】 ②选择相应的数据集 ③在样式中选择配色方案，制定词云图中词的大小范围等

“我的内容这么多，给定区域却这么小，天呐！我到底要怎么展示全部内容？” “什么？表格数据太多，一不留神就定位不到正在查看的单元格了？” “设计报表时又又又不小心点错工具栏按钮了！啊啊啊啊我控制不住我自己啊…” 屏幕前的你看到这些问题的时候，DNA动了吗？ 稳住！不慌！小张带着她的操作小技巧向你走来了！今天小张就给大家盘一盘FineReport那些可以称之为yyds的小技巧，从此告别这些烦恼！ 1.跑马灯 滚动的消息文本或者表格内容一般被称为跑马灯。来，看图！ 跑马灯有比较广泛的应用场景，尤其是在看板和大屏中： 某个区域内容较多但布局有限，就可以通过跑马灯的形式呈现 表格内容较多，可以通过表格滚动将内容全部展示 新闻内容展示时，多条消息、字幕滚动 监控场景中，滚动消息提醒 大型展示屏中，图文滚动实现动态效果 有了跑马灯，再也不用担心区域不足内容过多的问题啦！具体的实现方法，请参考我们的官方帮助文档：https://help.fanruan.com/finereport/doc-view-3752.html 2.查看报表时个性化显示 查看报表时内容密密麻麻看不清？快来试试这些实现单元格特殊变化的小技巧，轻松设置单元格。 ①点击哪行，哪行高亮！ ②鼠标点击或悬浮单元格时所在行、列均变色！ ③点击单元格则该单元格字体变化 用上这些小技巧，让你不再眼花缭乱看报表！如果想要知道更多的单元格设置技巧，就快来点击官方帮助文档学习吧：https://help.fanruan.com/finereport/doc-view-4401.html 3.设置工具栏 设计报表时总是点错按钮误操作？没关系，现在就设置该按钮不可用或不可见！ 分页预览时，不知如何实现在工具栏点击按钮控制对参数栏的显示与隐藏？来，小张教你在工具栏添加自定义按钮！ 你想到的、想不到的工具栏设置方式，小张都给你整理好了！ 点击我们的官方帮助文档：https://help.fanruan.com/finereport/doc-view-2135.html，一站式解决工具栏设置难题！   好啦！今天的FineReport实用小技巧就分享到这里啦~宝子们还想要了解哪些方面的技能可以在评论区留言哟~

1.模板内容 这是一张集团销售驾驶舱仪表板，分别从战区销售、单品销售、销售走势等几个方面进行分析与展示来总体反映集团的销售状况。 模板实现效果如下： 模板下载：https://market.fanruan.com/template/20000549 模板特色功能：超链接、参数控件 2.模板构成 序号 组件类型 个数 涉及功能 效果展示 1 指标卡 6     2 明细表 4       3 图表 4 面积图*2、饼图、柱形图     4 控件 8   3.布局与属性设置 布局采用自适应布局，组件间间隔设定为10，整体背景颜色选择了一个极淡的灰色（颜色的rgb颜色值为246,246,250，十六进制颜色码为#F5F7FA），body内边距全部设定为4,组件间隔设置为8。body的大小为945*532 4.组件实现 1)参数控件 参数查询的步骤：定义参数＞添加控件＞设置参数面板样式 ①定义数据集参数 使用场景：类似通信、监控，每天都有海量数据生成，数据库表中总数据量非常大，而报表中往往只要获取某个时间段的几百条数据就可以了。如果使用模板参数，就需要先取出所有数据，再进行过滤，取数+过滤，将消耗大量时间，极大影响报表的查询效率。而数据集参数在数据库查询时就已经完成了数据过滤，所以使用数据集参数设计的查询报表会比使用模板参数的效率高。【参数的种类与区别-https://help.fanruan.com/finereport/doc-view-156.html】 定义过程：定义数据集：通过在 SQL 语句中添加 ${para}格式的内容，即可定义数据集参数。定义完成后，使用方法和模板参数一致。下拉框选择xx，点击查询，只查询出报表中xx的销售信息。参照【数据集参数-https://help.fanruan.com/finereport/doc-view-158.html】 举例： 比如拿这个数据集来举例：单品销售TOP10是通过SQL语句从demo数据库中按照条件提取相应字段得到的，其中where中定义了数据集参数"y"和"m"。那么在每次提取数据的时候SQL语句会根据形式参数y和m的值来筛选，而y和m恰好是用来选择年和月的控件，也就是当我们用下拉框选择某个年份和月份的时候就是在给y和m赋值，带有数据集参数的 SQL 语句写好后，点击数据集定义界面「预览」按钮时，若显示出定义的数据集参数。则表明数据集参数定义成功，那么SQL语句就根据条件筛选出来相应的数据，也就是数据集。 其余几个数据集也类似 ②新建一个决策报表，将参数界面拖入到body上方在组件设置列表中显示的组件名称为 para ，与 body 为同一层级。参照【参数面板-https://help.fanruan.com/finereport/doc-view-1233.html】 ③将控件区的所需要的标签控件、下拉框控件、搜索按钮拖入到参数界面中，在属性中将控件分别重命名为“label3”、“Labely”、“ y”、“Labelm”、“ m”、“Labely1”、“ y1”、“Search”（顺序分别对应控件从左到右，其中y、m、y1为①中数据集定义的参数，名称需保持一致） ④将以上控件的位置和大小分别调整为如下（对应从左到右）   ⑤给所有控件添加控件值并为下拉框控件添加数据字典。其中标签控件的控件值直接在属性中输入相应文本即可；下拉框控件需要添加数据字典，然后给定一个控件值作为默认选项。分别为y、m、y1下拉框控件添加自定义数据字典和控件值。参照【控件默认值-https://help.fanruan.com/finereport/doc-view-1008.html】【数据字典-https://help.fanruan.com/finereport/doc-view-219.html】   ⑥预览效果 拓展： 参数应用学习路径-https://help.fanruan.com/finereport/doc-view-4219.html 下拉框控件-https://help.fanruan.com/finereport/doc-view-255.html 控件默认值-https://help.fanruan.com/finereport/doc-view-1008.html 数据字典-https://help.fanruan.com/finereport/doc-view-219.html 控件简介与分类-https://help.fanruan.com/finereport/doc-view-1170.html 参数的种类与区别-https://help.fanruan.com/finereport/doc-view-156.html 2）指标卡 ①将报表块拖入到body ②选择相对应的数据集 ③可以根据自己的设计和实际需要插入小图标、文本等 ④调整组件大小 ⑤预览效果 同样步骤可以做出其他类似指标卡       3）行式报表 ①将报表块拖入到body中【行式报表-https://help.fanruan.com/finereport10.0/doc-view-144.html】 ②A1~F1 单元格写入表格标题信息 ③将数据集中的相关数据列按照标题字段依次拖入到 A2~F2 单元格，其中A1是序号列，插入seq（）函数   ④给表头一行添加双行下划线 ⑤设置背景间隔变色，背景颜色的十六进制码为#F4FBFC 【间隔背景色https://help.fanruan.com/finereport10.0/doc-view-315.html】 ⑥预览效果 同样步骤可以做出其他行式报表 4）面积图 ①将图表栏的面积图图标拖入到body中，参照【面积图-https://help.fanruan.com/finereport/doc-view-3379.html】 ②类型选择第一种 ③选择相对应的数据集 ④调整图表的颜色等 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多面积图展现形式可见：https://market.fanruan.com/reuse 更多面积图实现方法如下： 百分比堆积面积图-https://help.fanruan.com/finereport/doc-view-1314.html 垂直和曲线面积图-https://help.fanruan.com/finereport/doc-view-1315.html 范围面积图-https://help.fanruan.com/finereport/doc-view-3773.html 5）饼图 ①将图表栏的饼图图标拖入到body中，参照【玫瑰图-https://help.fanruan.com/finereport/doc-view-4320.html】 ②样式选择第三种—不等弧度玫瑰图 ③选择相对应的数据集 ④在样式中设置图表颜色、标签等   ⑤调整组件大小 ⑥预览效果 拓展： 其他更多饼图展现形式可见：https://market.fanruan.com/reuse 更多饼图实现方法如下： 半圆饼图-https://help.fanruan.com/finereport/doc-view-1307.html 环形饼图-https://help.fanruan.com/finereport/doc-view-1308.html 多分类饼图-https://help.fanruan.com/finereport/doc-view-1310.html 轮播环形图：https://help.fanruan.com/finereport/doc-view-3324.html 6）柱形图 ①将图表栏的柱形图图标拖入到body中，参照【柱形图-https://help.fanruan.com/finereport/doc-view-1400.html】 ②类型选择第一种 ③选择相对应的数据集 ④在样式中设置图表颜色、柱宽等 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多柱形图展现形式可见：https://market.fanruan.com/reuse 更多柱形图实现方法如下： 渐变柱形图-https://help.fanruan.com/finereport/doc-view-3548.html 弧形柱形图-https://help.fanruan.com/finereport/doc-view-2664.html 特殊图形柱形图-https://help.fanruan.com/finereport/doc-view-3776.html 占比柱形图-https://help.fanruan.com/finereport/doc-view-3563.html 7）添加超链接 本模板设置超链接，参照【超链接到有参数的模板—https://help.fanruan.com/finereport/doc-view-947.html】 选中 “大区销售明细”表的A2 单元格，点击超级链接，添加网络报表。/销售服务类方案/销售目标达成/按区域/XX公司销售驾驶舱（大区）.frm，链接打开于新窗口，设置参数area=$$$ 设置参数 area=$$$ 的目的：前端预览时点击哪个扩展出来的数据，就将这个数据作为参数area传递给子模板。设置界面如下图所示： 被链接的模板：在接收到上面的模板传过来的参数a的值之后，被链接的模板根据在模板数据集进行数据库查询时在SQL语句中定义的查询条件筛选出符合条件的数据集进行展示。 预览效果 拓展： 超级链接：https://help.fanruan.com/finereport/doc-view-223.html 超级链接-网络报表：https://help.fanruan.com/finereport/doc-view-4199.html 超级链接传参：https://help.fanruan.com/finereport/doc-view-914.html 超级链接到有参数的模板：https://help.fanruan.com/finereport/doc-view-947.html        

1.模板内容 这是一张智慧城市展示看板，包括一个主模块和六个子模块，分别从数据交换趋势、目录分布、部门分布、数据采集、最新发布、目录状态、接口排名几个方面进行展示。 模板实现效果如下： 模板下载：https://market.fanruan.com/template 模板特色功能：实时获取时间、卡片式布局、JS实现点击控件按钮切换 2.模板内容的排版布局——卡片式布局        在报表界面中使用卡片式布局是一个很好的体验，具有独立聚焦、轻便灵活的优点，因为他们看起来像现实世界的有形卡。它更直观的展现一个整体，一个模块的信息。卡片将内容划分成几个部分，这样划分可以占用的屏幕空间更少，而且更清晰的区分不同的内容。【如何做一张好看的报表- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)】 本次模板的制作是采用的卡片式布局，采用的设计样式如下： 3.模板布局方式与属性设置 布局方式：布局方式是指决策报表 body 框架内所有组件的放置方式，包括自适应布局和绝对布局，本模板采用的是绝对布局。绝对布局允许组件随意放置，只要组件在 body 中即可，所有组件不会铺满整个 body。组件可以重叠，改变一个组件的大小，其他组件的大小不会受影响。 设置body的属性：组件大小为1141*640，布局方式为绝对布局，缩放逻辑为适应区域，主题颜色填充为深蓝色（颜色的rgb颜色值为21,88,154，十六进制颜色码为#15589A（可以用颜色选取器吸取）） 设置模板-PC端自适应属性：字体选择"不自适应"，表格选择“双向自适应”。 4.模板构成 本模板按照布局可以拆分为一个主模块和六个子模块。每个模块包含的不同组件共同说明一个主题，接下来将分模块进行各组件的构成说明与实现说明。 4.1主模块的构成与组件实现 主模块主要是对数据交换趋势的展示，一共由16个组件构成。 序号 组件类型 个数 涉及功能 效果展示 1 报表块 7 主模块背景 模块标题 指标卡               2 仪表盘 3   3 面积图 3       4 控件 3 按钮控件用来切换面积图 1）报表块 用报表块实现主模块的背景颜色 ①将报表块拖入到body中的主模块位置 ②设置组件属性：控件位置为（329,10），控件大小为580*628，主体填充颜色为深蓝色（颜色的rgb颜色值为21,55,110，十六进制颜色码为#15376E），不透明度为80% 用报表块实现标题 ①将报表块拖入到body中的主模块位置 ②编辑该报表块，在相应单元格里输入标题名称并设置标题字体、颜色、大小等 ③设置组件属性：控件位置为（336,17），控件大小为133*26，内边距均为1 ④预览效果 用报表块实现指标卡 ①将报表块拖入到body中的主模块位置 ②编辑该报表块，插入图片、文本等 ③设置组件属性：控件位置分别为（379,42）和（361,304），控件大小分别为406*61和530*66，内边距均为1 ④预览效果 拓展： 指标卡的样式很多样，本张模板采用的仅仅是指标卡最基本的样式，其他更多展示形式可见：https://market.fanruan.com/reuse 【大屏素材简介】https://help.fanruan.com/dvg/doc-view-68.html 【图标素材下载网站】https://www.ztupic.com/tupian/15850529689525/0-15-1-0-1.html                                     https://www.iconfont.cn/ （以上两个图标素材下载网站均来自于外部非帆软所有，商用请注意版权问题） 用报表块实现特殊文本样式 ①将报表块拖入到body中的主模块位置（拖入三个） ②向单元格中插入相应的文本并设置文本样式 ③设置组件属性：三个组件的坐标和尺寸分别如下（从左到右一一对应）: ④预览效果 2）仪表盘 ①将图表栏的仪表盘图标拖入到body中的主模块位置（拖入三个）【百分比圆环仪表盘-https://help.fanruan.com/finereport/doc-view-1325.html】 ②类型选择第三种—百分比圆环仪表盘 ③分别为三个仪表盘选择相应的数据集，分类名和指针名选择需要计算展示的字段，其中目标值选择自定义，用SUM()函数计算所有字段的总和作为目标值。例如第一个仪表盘中的目标值计算方式为 ④调整标签、配色、底盘背景等 ⑤调整三个组件的坐标和尺寸分别如下 ⑥预览效果 拓展： 其他更多仪表盘展现形式可见：https://market.fanruan.com/reuse 更多仪表盘实现方法如下： 多指针仪表盘-https://help.fanruan.com/finereport/doc-view-1324.html 百分比刻度槽型仪表盘-https://help.fanruan.com/finereport/doc-view-3380.html 试管型仪表盘-https://help.fanruan.com/finereport/doc-view-1326.html 3）面积图 ①将图表栏的面积图图标拖入到body中的主模块位置（拖入三个，分别重命名为“数据交换-月”，“数据交换-季”，“数据交换-年”）参照【面积图-https://help.fanruan.com/finereport/doc-view-3379.html】 ②类型选择第一种 ③分别为三个面积图图表选择相对应的数据集和字段 ④设置样式-系列：配色方案进行自定义组合色，不透明度调整为15% ⑤三个组件的大小和位置均调整为 ⑥预览效果 拓展： 其他更多面积图展现形式可见：https://market.fanruan.com/reuse 更多面积图实现方法如下： 百分比堆积面积图-https://help.fanruan.com/finereport/doc-view-1314.html 垂直和曲线面积图-https://help.fanruan.com/finereport/doc-view-1315.html 范围面积图-https://help.fanruan.com/finereport/doc-view-3773.html 4）按钮控件 ①将控件区的按钮控件拖入到body中合适的位置（拖入三个，分别重命名为“month”、"period"、"year"）【控件按钮-https://help.fanruan.com/finereport/doc-view-265.html】【事件响应方式-https://help.fanruan.com/finereport/doc-view-1180.html】 ②在属性中分别设置按钮名称为“月”、“季”、年“”，调整控件大小均为24*24，调整控件位置如下所示 ③分别为三个按钮控件添加事件，实现通过点击三个控件按钮来切换3）面积图中的三个（月、季度、年）面积图，接下来 将以“month”控件举例介绍，其它两个也类似，需要将JavaScript脚本中相应参数修改。 添加事件“初始化后”，编辑初始化后的JavaScript脚本 JS代码如下： setTimeout(function(){ $("div").css("background", "rgb(0, 27, 56)"); $("div").css("background",""); $("div").css("background",""); },1000); 添加事件“点击”，编辑点击后的JavaScript脚本 JS代码如下： var month = this.options.form.getWidgetByName('数据交换-月'); var period = this.options.form.getWidgetByName('数据交换-季'); var year = this.options.form.getWidgetByName('数据交换-年'); month.setVisible(true); period.setVisible(false); year.setVisible(false); $("div").css("background","rgb(0, 27, 56)"); $("div").css("background",""); $("div").css("background",""); ④预览效果 4.2模块1的构成与组件实现 模块1展示的是目录分布，一共由8个组件构成。 序号 组件类型 个数 涉及功能 效果展示 1 报表块 5 模块背景 模块标题 标签     2 饼图 3   1）报表块 直接将报表块拖入到body中的模块1的位置正常编辑即可（详细步骤见4.1） ①用于展示目录标题的组件的位置和大小如下，内边距均调整为1 ②用于作为标签的三个组件位置和大小分别如下 ③用于作为模块背景的组件位置和大小如下 2）饼图 ①将图表栏的饼图图标拖入到body中（拖入三个）【饼图-https://help.fanruan.com/finereport/doc-view-776.html】 ②类型选择第一种 ③分别为三个饼图选择相对应的数据集 ④设置系列-配色、调整三个图表的内径占比分别为70%，80%，85%（对应效果图的从内到外） ⑤对以上三个饼图增加条件，将未通过的设置为透明色。 ⑥分别设置三个组件大小和位置如下（对应效果图的从内到外） ⑦预览效果 ⑧添加标签后效果 拓展： 其他更多饼图展现形式可见：https://market.fanruan.com/reuse 更多饼图实现方法如下： 半圆饼图-https://help.fanruan.com/finereport/doc-view-1307.html 环形饼图-https://help.fanruan.com/finereport/doc-view-1308.html 多分类饼图-https://help.fanruan.com/finereport/doc-view-1310.html 轮播环形图：https://help.fanruan.com/finereport/doc-view-3324.html 4.3模块2的构成与组件实现 模块2展示的是部门分布，一共由3个组件构成。 序号 组件类型 个数 涉及功能 效果展示 1 报表块 2 模块背景 模块标题   2 雷达图 1   1)报表块 报表块的编辑步骤详见4.1，其中充当模块背景的报表块的坐标尺寸调整如下： 2)雷达图 ①将图表栏的雷达图图标拖入到body中模块2区域【雷达图-https://help.fanruan.com/finereport10.0/doc-view-1426.html】 ②类型选择第一种 ③选择相应的数据集 ④设置样式（ 系列-配色方案，形状-多边形，不透明度-80%；极角轴-轴标签-显示，选择轴线样式和颜色；极径轴-轴标签-隐藏） ⑤调整组件大小 ⑥预览效果 4.4模块3的构成与组件实现 模块3展示的是数据采集，一共由3个组件构成。 序号 组件类型 个数 涉及功能 效果展示 1 报表块 2 模块标题 模块背景色   2 柱形图 1   1）报表块 报表块的编辑步骤详见4.1，其中充当模块背景的报表块的坐标尺寸调整如下： 2)柱形图 ①将图表栏的柱形图图标拖入到body中的模块3所在的区域【柱形图-https://help.fanruan.com/finereport/doc-view-1400.html】 ②类型选择第一种 ③选择相应的数据集 ④设置样式 ⑤预览效果 拓展： 其他更多柱形图展现形式可见：https://market.fanruan.com/reuse 更多柱形图实现方法如下： 渐变柱形图-https://help.fanruan.com/finereport/doc-view-3548.html 弧形柱形图-https://help.fanruan.com/finereport/doc-view-2664.html 特殊图形柱形图-https://help.fanruan.com/finereport/doc-view-3776.html 占比柱形图-https://help.fanruan.com/finereport/doc-view-3563.html 4.5模块4的构成与组件实现 模块4展示的是最新发布，一共由3个组件构成。 序号 组件类型 个数 涉及功能 效果展示 1 报表块 2 模块背景与富文本展示 模块标题 实时日期 1）报表块-模块背景与富文本 ①将报表块拖入到body中 ②选中相应单元格—插入富文本【富文本-https://help.fanruan.com/finereport/doc-view-1171.html】 ③富文本编辑：直接输入文本，设置每个文字内容的格式，可以调整文本颜色、大小、字体等。 ④显示内容使用html解析显示内容 ⑤调整组件大小，选择相应的颜色进行主体填充（其他几个模块一样，作为此模块的背景色，颜色的rgb颜色值为21,55,110，十六进制颜色码为#15376E），不透明度设置为80% ⑥预览效果 拓展： 有关于富文本的其他应用： 富文本自定义标签或者提示-https://help.fanruan.com/finereport/doc-view-3724.html 动态数据富文本-https://help.fanruan.com/finereport/doc-view-3669.html 2）报表块-模块标题与实时日期获取 ①将报表块图标拖入到body中的模块4所在位置 ②选择A1单元格插入文本，设置字体颜色居左显示 ③选择C1单元格插入公式，用today()函数来获取当日日期，设置字体颜色并居右显示 ④调整组件位置和大小 ⑤预览效果 4.6模块5的构成与组件实现 模块5展示的是目录状态，一共由3个组件构成。 序号 组件类型 个数 涉及功能 效果展示 1 报表块 2     2 饼图 1   1)报表块 报表块的编辑步骤详见4.1，其中充当模块背景的报表块的坐标尺寸调整如下： 2)饼图 ①将图表栏的饼图图图标拖入到body中模块5区域 ②类型选择第三种—不等弧度玫瑰图 ③选择相应的数据集 ④设置样式（ 标签中可以设置文本展示内容、样式、位置、是否有牵引线、不透明度等，在系列中设置配色方案、内径占比等） ⑤调整组件大小 ⑥预览效果 4.7模块6的构成与组件实现 模块6展示的是接口排名，一共由3个组件构成。 序号 组件类型 个数 涉及功能 效果展示 1 报表块 3       1)报表块 报表块的编辑步骤详见4.1，其中充当模块背景的报表块的坐标尺寸调整如下： 2)报表块中添加公式进行图形展示 ①B1、C1中插入对应的数据列 ②合并单元格B3C3,插入公式定义颜色填充、边缘线。 ③在单元格属性中设置单元格“用HTML显示内容” ④预览效果 模板制作细节： 由于报表块的大小调节不标准，有时候可能会出现报表块中内容显示不完全情况，此时可以选定该报表块然后在“属性”中设置pc浏览器自适应为“双向自适应”  

1.模板内容 这是一张证券公司年度计划完成情况监控看板，分别从收盘价、成交量、总市值等几个维度进行深入分析。 模板实现效果如下： 模板下载：点击链接公司年度计划表 模板特色功能：TAB轮播 2.模板构成 这是一张决策报表模板，适用于PC端展示，模板一共由14个组件构成。 序号 组件类型 个数 涉及功能 效果展示 1 指标卡 4 /    2 图表 5 面积图、折线图、饼图、柱形图、条形图 3 仪表盘 4 试管型仪表盘、百分比圆环形仪表盘 4 TAB 1 /   3.布局与属性设置 选中body→→布局方式采用自适应布局，组件缩放逻辑选择双向自适应，组件间间隔设定为5，整体背景颜色选择了一个极淡的灰色（颜色的rgb颜色值为247,248,250，十六进制颜色码为#F7F8FA），body内边距全部设定为10 其它组件的背景颜色均调成白色，组件大小调整见第4部分——组件实现所述。 4.组件实现 1）指标卡 ①新建一个普通报表块，向body里面拖入报表块正常编辑内容即可 ②编辑报表块：通过将背景染色、合并单元格、调整大小等变成合适的样式 ③将提前准备好的小图标通过【插入图片】的方式插入到相应的单元格，将相关指标的文本插入到对应的单元格。 ④设置此组件大小与的圆角边框，内容显示方式：双向铺满报表块 ⑤预览效果 类似可做出如下所示指标卡： 拓展： 指标卡的样式很多样，本张模板采用的紧紧是指标卡最基本的样式，其他更多展示形式可见：https://market.fanruan.com/reuse 【大屏素材简介】https://help.fanruan.com/dvg/doc-view-68.html 【图标素材下载网站】https://www.ztupic.com/tupian/15850529689525/0-15-1-0-1.html https://www.iconfont.cn/ （以上两个图标素材下载网站均来自于外部非帆软所有，商用请注意版权问题） 2)Tab块 ①选择空白块中的tab块拖入到body中【Tab块-https://help.fanruan.com/finereport/doc-view-633.html#】 ②点击右上角“＋”新增标签 ③选中某个标签页修改标题 ④选中容纳tab页标签的面板tabpane,可以修改样式模板 ⑤设置Tab块的整体布局以及轮播间隔 拓展： 更多Tab块轮播实现方式如下： 决策报表Tab块轮播特效插件-https://help.fanruan.com/finereport/doc-view-3247.html JS实现点击超链切换Tab块-https://help.fanruan.com/finereport/doc-view-2099.html JS实现决策报表中Tab块轮播-https://help.fanruan.com/finereport/doc-view-2005.html 3）折线图 ①插入折线图：选中第一个标签，将图表栏里的折线图图标拖拽到上一步新建好Tab块，编辑折线图，参照【折线图-https://help.fanruan.com/finereport/doc-view-1505.html】 ②编辑折线图：折线图类型选择为第一种 ③选择对应的数据集，其中系列名选择字段值 ④在样式中可以设置图表的图例和在系列中进行配色和调线宽等 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多折线图展现形式可见：https://market.fanruan.com/reuse 更多折线图展现技巧如下： 折线图最值设置闪烁动画-https://help.fanruan.com/finereport/doc-view-1721.html 折线图改变线条或标记点属性-https://help.fanruan.com/finereport/doc-view-3535.html 更多折线图实现方法如下： 大数据折线图-https://help.fanruan.com/finereport/doc-view-1955.html 渐变折线图-https://help.fanruan.com/finereport/doc-view-3218.html 动态轮播折线图-https://help.fanruan.com/finereport/doc-view-3259.html 4）饼图 ①插入饼图：选中第一个标签，将图表栏里的饼图图标拖拽到2)中新建好Tab块，编辑饼图，参照【饼图-https://help.fanruan.com/finereport/doc-view-776.html】 ②类型选择第一种 ③选择对应的数据集，字段名使用系列名 ④设置图例、标签、配色等    ⑤调整组件大小 ⑥预览效果 拓展： 其他更多饼图展现形式可见：https://market.fanruan.com/reuse 更多饼图实现方法如下： 半圆饼图-https://help.fanruan.com/finereport/doc-view-1307.html 环形饼图-https://help.fanruan.com/finereport/doc-view-1308.html 多分类饼图-https://help.fanruan.com/finereport/doc-view-1310.html 轮播环形图：https://help.fanruan.com/finereport/doc-view-3324.html 至此Tab块中第一个标签页的图表已完成，布局采用左右布局，折线图在左，环形图在右。布局效果如图所示： 5）柱形图 ①插入柱形图：选中第二个标签，将图表栏里的柱形图图标拖拽到2)中新建好Tab块，编辑柱形图，参照【柱形图-https://help.fanruan.com/finereport/doc-view-1400.html】 ②类型选择第一种 ③选择对应的数据集，系列名选择字段值 ④设置样式 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多柱形图展现形式可见：https://market.fanruan.com/reuse 更多柱形图实现方法如下： 渐变柱形图-https://help.fanruan.com/finereport/doc-view-3548.html 弧形柱形图-https://help.fanruan.com/finereport/doc-view-2664.html 堆积柱形图-https://help.fanruan.com/finereport/doc-view-3425.html 特殊图形柱形图-https://help.fanruan.com/finereport/doc-view-3776.html 占比柱形图-https://help.fanruan.com/finereport/doc-view-3563.html 6）试管型仪表盘 ①插入仪表盘：选中第二个标签，将图表栏里的仪表盘图标拖拽到2)中新建好Tab块，编辑仪表盘，参照【试管型仪表盘-https://help.fanruan.com/finereport/doc-view-1326.html】 ②类型选择最后一种—试管型仪表盘 ③选择对应的数据集 ④在样式中设置图表的标签、配色等 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多仪表盘展现形式可见：https://market.fanruan.com/reuse 更多仪表盘实现方法如下： 多指针仪表盘-https://help.fanruan.com/finereport/doc-view-1324.html 百分比圆环仪表盘-https://help.fanruan.com/finereport/doc-view-1325.html 百分比刻度槽型仪表盘-https://help.fanruan.com/finereport/doc-view-3380.html 至此Tab块中第二个标签页的图表已完成，布局采用左右布局，柱形图在左，试管型仪表盘在右。布局效果如图所示： 7）条形图 ①插入条形图：选中第三个标签，将图表栏里的条形图图标拖拽到2)中新建好Tab块，编辑条形图，参照【条形图-https://help.fanruan.com/finereport/doc-view-3361.html】 ②类型选择第一种 ③选择对应的数据集，其中系列名选择字段值 ④在样式中调整图表的配色、间隔、设置坐标轴   ⑤调整组件大小 ⑥预览效果 拓展： 其他更多条形图展现形式可见：https://market.fanruan.com/reuse 更多条形图展现技巧如下： 条形图隔行变色-https://help.fanruan.com/finereport/doc-view-3493.html 轮播条形图-https://help.fanruan.com/finereport/doc-view-3836.html 动态轮播条形图-https://help.fanruan.com/finereport/doc-view-3193.html 插入指标卡：选中第三个标签，将空白块中的报表块拖拽到2)中新建好Tab块，然后编辑样式，设置大小为445*324。 至此，Tab块中第三个标签页的图表已完成，布局采用左右布局，条形图在左，指标卡在右。布局效果如图所示： 8）面积图 ①将图表栏中的面积图图标拖入到body中【面积图-https://help.fanruan.com/finereport/doc-view-3379.html】 ②类型选择为第二种 ③选择对应的数据集，其中系列名选择字段值   ④在样式中可以设置图表标题、配色等 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多面积图展现形式可见：https://market.fanruan.com/reuse 更多面积图实现方法如下： 百分比堆积面积图-https://help.fanruan.com/finereport/doc-view-1314.html 垂直和曲线面积图-https://help.fanruan.com/finereport/doc-view-1315.html 范围面积图-https://help.fanruan.com/finereport/doc-view-3773.html 9）百分比环形仪表盘 ①插入仪表盘：选中body，将图表栏里的仪表盘图标拖拽到body中，编辑仪表盘，参照【百分比刻度槽型仪表盘-https://help.fanruan.com/finereport/doc-view-3380.html】 ②类型选择为第三种 ③选择对应的数据集，根据匹配的指针值和目标值会自动生成目标达成百分比 ④设置样式，可以在系列中完成对该图表配色、布局、刻度槽、指针、半径大小等细节的调整。 ⑤调整组件大小（同理可以做出“全年总市值”的仪表盘，数据集为【Embedded1】） ⑥预览效果 拓展： 其他更多仪表盘展现形式可见：https://market.fanruan.com/reuse 更多仪表盘实现方法如下： 多指针仪表盘-https://help.fanruan.com/finereport/doc-view-1324.html 百分比圆环仪表盘-https://help.fanruan.com/finereport/doc-view-1325.html 试管型仪表盘-https://help.fanruan.com/finereport/doc-view-1326.html    

1.模板内容 这是一张企业系统首页展示模板，分别从团队人员结构、业绩成果以及市场影响力等维度进行数据可视化展示。 模板实现效果如下： 模板下载：点击链接HomePage 模板特色功能：表排序、跑马灯 2.模板构成 这是一张决策报表模板，适用于PC端展示，模板一共由13个组件构成 序号 组件类型 个数 涉及功能 效果展示 1 指标卡 3 / 2  仪表盘 3 百分比刻度槽仪表盘 3 组合地图 1 区域地图、点地图、流向地图 4 图表 5 饼图、面积图、词云、雷达图、条形图 5 明细表 1 跑马灯   3.布局与属性设置 布局采用自适应布局，组件缩放逻辑选择双向自适应，组件间间隔设定为10，整体背景颜色选择了一个极淡的灰色（颜色的rgb颜色值为247,248,250，十六进制颜色码为#F7F8FA），body内边距全部设定为10 其它组件的背景颜色均调成白色，组件大小调整见第4部分：组件实现所述。 4.组件实现 1）指标卡 ①将空白块区的报表块图表拖入到body中 ②编辑报表块 ③分别选择相应的数据集 ④调整组件大小 ⑤预览效果 拓展： 指标卡的样式很多样，本张模板采用的紧紧是指标卡最基本的样式，其他更多展示形式可见：https://market.fanruan.com/reuse 2）仪表盘 ①将图表栏里的仪表盘图标拖入到body中【百分比刻度槽型仪表盘-https://help.fanruan.com/finereport/doc-view-3380.html】 ②类型选择第四种—百分比刻度槽型仪表盘 ③分别为三个仪表盘选择对应的数据集，根据匹配的指针值和目标值会自动生成目标达成百分比 ④此外，本张模板中的仪表盘的标签采用的是自定义设置【自定义标签-https://help.fanruan.com/finereport/doc-view-1882.html】 为了达到标签的换行的目的，可以采用html解析显示【图表标题/坐标轴/标签文本换行显示-https://help.fanruan.com/finereport/doc-view-1966.html】（其中一定要点击“使用html解析文本内容”） ⑤可以在系列中完成对该图表配色、布局、刻度槽、指针、半径大小等细节的调整 ⑥调整组件大小 ⑦预览效果 拓展： 其他更多仪表盘展现形式可见：https://market.fanruan.com/reuse 更多仪表盘实现方法如下： 多指针仪表盘-https://help.fanruan.com/finereport/doc-view-1324.html 百分比圆环仪表盘-https://help.fanruan.com/finereport/doc-view-1325.html 试管型仪表盘-https://help.fanruan.com/finereport/doc-view-1326.html 3）组合地图 ①将图表栏里的组合地图图标拖入到body中【组合地图-https://help.fanruan.com/finereport/doc-view-1586.html】 ②类型选择第四种—组合地图，设置缩放等级和自定义中心点 ③选择数据集分别给区域地图、点地图和流向地图匹配对应数据。 ④在样式—系列中完成对区域图的主题颜色、不透明度，散点的样式和类型，流向的线宽、弯曲度、运动周期等的设置 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多地图展现形式可见：https://market.fanruan.com/reuse 更多地图实现方法如下： 区域地图-https://help.fanruan.com/finereport/doc-view-1583.html 点地图-https://help.fanruan.com/finereport/doc-view-1585.html 流向地图-https://help.fanruan.com/finereport/doc-view-1699.html 多系列地图-https://help.fanruan.com/finereport/doc-view-2688.html 4）饼图 ①将图表栏里的饼图图标拖入到body中【饼图-https://help.fanruan.com/finereport/doc-view-776.html】 ②类型选择第一种—饼图 ③选择对应的数据集，设置字段值 ④在样式中可以完成对标签位置、不透明度、图表配色、内经占比等的设置 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多饼图展现形式可见：https://market.fanruan.com/reuse 更多饼图实现方法如下： 半圆饼图-https://help.fanruan.com/finereport/doc-view-1307.html 环形饼图-https://help.fanruan.com/finereport/doc-view-1308.html 多分类饼图-https://help.fanruan.com/finereport/doc-view-1310.html 5）面积图 ①将图表栏中的面积图图标拖入到body中【面积图-https://help.fanruan.com/finereport/doc-view-3379.html】 ②类型选择第一种 ③选择对应的数据集，设置字段值 ④面积图的线条走势可以在系列——形态里面调整，面积的填充颜色也可以自定义 ⑤调整组件大小为 ⑥预览效果 拓展： 其他更多面积图展现形式可见：https://market.fanruan.com/reuse 更多面积图实现方法如下： 百分比堆积面积图-https://help.fanruan.com/finereport/doc-view-1314.html 垂直和曲线面积图-https://help.fanruan.com/finereport/doc-view-1315.html 范围面积图-https://help.fanruan.com/finereport/doc-view-3773.html 6）词云 ①将图表栏中的词云图图标拖入到body中【词云图-https://help.fanruan.com/finereport/doc-view-1700.html】 ②类型选择为默认 ③选择对应的数据集，设置对应的词名和词频字段 ④可以在样式—系列中设置配色、字体、大小范围等 ⑤调整组件大小为 ⑥预览效果 拓展： 其他更多词云展现形式可见：https://market.fanruan.com/reuse 7）雷达图 ①将图表栏中的雷达图图标拖入到body中【雷达图-https://help.fanruan.com/finereport/doc-view-1426.html】 ②类型选择第一种 ③选择对应的数据集，系列名使用字段名 ④可以在样式-系列中完成对该图表的配色、不透明度等的设置 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多雷达图展现形式可见：https://market.fanruan.com/reuse 更多雷达图实现方法如下： 不同形态的雷达图-https://help.fanruan.com/finereport/doc-view-1427.html 8）条形图 ①将图表栏中的条形图图标拖入到body中【条形图-https://help.fanruan.com/finereport/doc-view-3361.html】 ②类型选择第一种 ③选择对应的数据集 ④在样式系列中设置图表的配色、柱宽、分类间隔、圆角等 ⑤调整组件大小 ⑥预览效果 拓展： 其他更多条形图展现形式可见：https://market.fanruan.com/reuse 更多条形图展现技巧： 条形图隔行变色-https://help.fanruan.com/finereport/doc-view-3493.html 9）跑马灯 通过JS实现收尾相接的跑马灯效果【https://help.fanruan.com/finereport/doc-view-1746.html#5】 正文的内容正常编辑即可 在组件事件中添加初始化事件 本例中用到的JS代码如下 setTimeout(function(){ $("div").find("#frozen-north").style.overflow="hidden"; $("div").find("#frozen-center").style.overflow="hidden"; },100); window.flag=true; setTimeout(function(){ $("#frozen-center").mouseover(function() { window.flag=false; }) $("#frozen-center").mouseleave(function() { window.flag=true; }) var old=-1; var interval=setInterval(function() { if(window.flag){ currentpos=$("#frozen-center").scrollTop; if (currentpos==old){ $("#frozen-center").scrollTop=0; } else { old=currentpos; $("#frozen-center").scrollTop=currentpos+1.5; } } },60); },500) 拓展： 更多跑马灯实现方法如下： 跑马灯-https://help.fanruan.com/finereport/doc-view-3752.html JS实现自动滚屏/跑马灯效果-https://help.fanruan.com/finereport/doc-view-1741.html JS实现首尾相接的跑马灯-https://help.fanruan.com/finereport/doc-view-1746.html ps:（本模板制作说明使用的是安装了新自适应插件的FineReport10，如果您未安装新自适应插件可参考https://help.fanruan.com/finereport10.0/doc-view-3665.html）

1.模板内容 分别从模板开发工作、模板维护工作和报表系统的访问量情况等维度分析透明IT部门的工作以及工作价值。 模板实现效果如下：                                         模板下载请点击：系统运行维护看板1 系统运行维护看板2 模板特色功能：轮播图、跑马灯、多层饼图实现钻取 2.模板构成 这是两张系统运行维护看板模板，适用于PC端展示，模板一共有23个组件构成。 序号 组件类型 个数 涉及功能 效果展示 1 指标卡 11             2 图表 9       饼图、柱形图、条形图、折线图、面积图     3 TAB 1     4 明细表 2 跑马灯 3.布局与属性设置 布局采用自适应布局，组件间间隔设定为10，整体背景颜色选择了一个极淡的灰色（颜色的rgb颜色值为247,248,250，十六进制颜色码为#F7F8FA），body内边距全部设定为10。 其它组件的背景颜色均调成白色，圆角均调整为10，内容显示方式均调整为双向铺满报表块，组件大小调整见第4部分——组件实现所述。 模板制作细节： 组件在新版自适应下预览效果最佳，模板PC端属性推荐选择字体不自适应，表格双向自适应 4.组件实现 1）指标卡 系统维护看板1中的指标卡实现 ①向body里面拖入报表块（拖入三个） ②编辑报表块，选择对应的数据集、插入文本等 ③插入合适的图片作为背景图 ④调整组件大小 以上三个组件相对应的大小分别调整为    圆角大小均设置为10 ⑤预览效果 其他类似指标卡的实现：   系统维护看板2中的指标卡实现 ①将空白块中的绝对画布块拖入到body相应的位置 ②选中拖入的绝对画布块将新的报表块拖入到里面 ③编辑报表块：通过将背景染色、合并单元格、调整大小等变成合适的样式 ④插入合适的图片作为背景图，图片选择拉伸 ⑤调整组件大小   以上两个绝对画布块对应的大小分别为 两个绝对画布块中的报表块对应的大小分别为 和 拓展： 指标卡的样式很多样，本张模板采用的仅仅是指标卡最基本的样式，其他更多展示形式可见：https://market.fanruan.com/reuse 【大屏素材简介】https://help.fanruan.com/dvg/doc-view-68.html 【图标素材下载网站】https://www.ztupic.com/tupian/15850529689525/0-15-1-0-1.html                                      https://www.iconfont.cn/ （以上两个图标素材下载网站均来自于外部非帆软所有，商用请注意版权问题） 2）Tab块 ①选择空白块中的tab块拖入到body中【Tab块-https://help.fanruan.com/finereport/doc-view-633.html#】 ②点击右上角“＋”新增标签 ③隐藏标题——选中容纳 Tab 页标签的面板tabpane0，将组件大小调整为0 ④设置Tab块的整体布局以及轮播间隔 拓展： 更多Tab块轮播实现方式如下： 决策报表Tab块轮播特效插件-https://help.fanruan.com/finereport/doc-view-3247.html JS实现点击超链切换Tab块-https://help.fanruan.com/finereport/doc-view-2099.html JS实现决策报表中Tab块轮播-https://help.fanruan.com/finereport/doc-view-2005.html 3）折线图 ①插入折线图：选中Tab0，将图表栏里的折线图图标拖拽到上一步新建好Tab块，编辑折线图，参照【折线图-https://help.fanruan.com/finereport/doc-view-1505.html】 ②编辑折线图：折线图类型选择为第一种 ③选择对应的数据集，其中系列名选择字段名 ④设置样式   ⑤调整组件大小以及添加标题样式 ⑥预览效果 拓展： 其他更多折线图展现形式可见：https://market.fanruan.com/reuse 更多折线图展现技巧如下： 折线图最值设置闪烁动画-https://help.fanruan.com/finereport/doc-view-1721.html 折线图改变线条或标记点属性-https://help.fanruan.com/finereport/doc-view-3535.html 更多折线图实现方法如下： 大数据折线图-https://help.fanruan.com/finereport/doc-view-1955.html 渐变折线图-https://help.fanruan.com/finereport/doc-view-3218.html 动态轮播折线图-https://help.fanruan.com/finereport/doc-view-3259.html 4）面积图 ①插入面积图：选中Tab1将图表栏里的面积图图标拖拽到2)中新建好Tab块，编辑面积图，参照【面积图-https://help.fanruan.com/finereport/doc-view-3379.html】 ②类型选择为第一种 ③选择对应的数据集，其中系列名选择字段名 ④设置样式     ⑤调整组件大小和标题 ⑥预览效果 拓展： 其他更多面积图展现形式可见：https://market.fanruan.com/reuse 更多面积图实现方法如下： 百分比堆积面积图-https://help.fanruan.com/finereport/doc-view-1314.html 垂直和曲线面积图-https://help.fanruan.com/finereport/doc-view-1315.html 范围面积图-https://help.fanruan.com/finereport/doc-view-3773.html 5）条形图 ①插入条形图：选中Tab2 将图表栏里的条形图图标拖拽到2)中新建好Tab块，编辑条形图，参照【条形图-https://help.fanruan.com/finereport/doc-view-3361.html】 ②类型选择为第一种 ③选择对应的数据集，其中系列名选择字段名 ④设置样式：颜色、分类间隔    ⑤调整组件大小和标题 ⑥预览效果 拓展： 其他更多条形图展现形式可见：https://market.fanruan.com/reuse 更多条形图展现技巧如下： 条形图隔行变色-https://help.fanruan.com/finereport/doc-view-3493.html 轮播条形图-https://help.fanruan.com/finereport/doc-view-3836.html 动态轮播条形图-https://help.fanruan.com/finereport/doc-view-3193.html 6）饼图 普通饼图 ①插入饼图：将图表栏里的饼图图标拖入到看板1的绝对画布块中，编辑饼图，参照【饼图-https://help.fanruan.com/finereport/doc-view-776.html】 ②选择对应的数据集 ③设置样式如标签、半径大小等 ④调整组件大小为 ③预览效果 多层饼图 ①插入饼图：将图表栏里的多层饼图图标拖入到看板1的绝对画布块中，编辑饼图，参照【多层饼图-https://help.fanruan.com/finereport/doc-view-1582.html】 ②选择对应的数据集并设置层级 ③设置样式：自定义颜色、是否开启钻取、透明度等 ④添加装饰，组件主体填充图片作为背景图 ⑤设置组件大小（背景图片组件大小和饼图组件大小） ⑥预览效果 环形饼图 ①插入饼图：将图表栏里的饼图图标拖入到body中，编辑饼图，参照【环形饼图-https://help.fanruan.com/finereport/doc-view-1308.html】   ②类型选择为第一种 ③选择对应的数据集 ④设置样式    ⑤调整组件大小和设置标题    ⑥预览效果 拓展： 其他更多饼图展现形式可见：https://market.fanruan.com/reuse 更多饼图实现方法如下： 半圆饼图-https://help.fanruan.com/finereport/doc-view-1307.html 环形饼图-https://help.fanruan.com/finereport/doc-view-1308.html 多分类饼图-https://help.fanruan.com/finereport/doc-view-1310.html 轮播环形图：https://help.fanruan.com/finereport/doc-view-3324.html 7）柱形图 系统维护看板1中的普通柱形图实现： ①插入柱形图：将图表栏里的柱形图图标拖入到看板1的body中，编辑柱形图，参照【柱形图-https://help.fanruan.com/finereport/doc-view-1400.html】 ②类型选择为第一种 ③选择对应的数据集 ④设置样式：标签、自定义颜色、坐标轴等 ⑤调整组件大小和设置标题 ⑥预览效果 系统维护看板2中的堆积柱形图实现 ①插入柱形图：将图表栏里的柱形图图标拖入到看板1的body中，编辑柱形图，参照【堆积柱形图-https://help.fanruan.com/finereport/doc-view-3425.html】 ②类型选择为第二种 ③选择对应的数据集 ④设置样式：自定义颜色、坐标轴等 ⑤调整组件大小和设置标题 ⑥预览效果 拓展： 其他更多柱形图展现形式可见：https://market.fanruan.com/reuse 更多柱形图实现方法如下： 渐变柱形图-https://help.fanruan.com/finereport/doc-view-3548.html 弧形柱形图-https://help.fanruan.com/finereport/doc-view-2664.html 特殊图形柱形图-https://help.fanruan.com/finereport/doc-view-3776.html 占比柱形图-https://help.fanruan.com/finereport/doc-view-3563.html 8）跑马灯 系统维护看板1中的报表块跑马灯效果实现 ①新建报表块拖入到相应的位置 ②编辑标题表头等，选择相对应的数据集拖入到对应字段下面 ③点击【事件】→添加【初始化后】，编辑写入JS脚本，其中'report30'是小编建立这个组件的名字，如果你的组件名字不一致把JS中的'report30'替换掉就可以啦 ④调整组件大小、填充颜色以及设置圆角 系统维护看板2中的报表块跑马灯效果实现步骤同上，调整组件大小为 拓展： 更多跑马灯实现方法如下： 跑马灯-https://help.fanruan.com/finereport/doc-view-3752.html JS实现自动滚屏/跑马灯效果-https://help.fanruan.com/finereport/doc-view-1741.html JS实现首尾相接的跑马灯-https://help.fanruan.com/finereport/doc-view-1746.html （本模板制作说明使用的是安装了新自适应插件的FineReport10，如果您未安装新自适应插件可参考https://help.fanruan.com/finereport10.0/doc-view-3665.html） 场景方案链接：【场景方案】让我用五秒钟为信息部门“正名” 任务领取链接：【模板打卡】用组件复用设计一张向其他业务小组透明信息部门工作的模板

参数是我们制作报表时常会用到的，通过参数动态过滤数据，我们就能和数据实时交互 通俗一点来说可以理解为参数给了“变动信息”一个“安身之所”，也只有拥有了这个“安身之所”，我们的报表才能灵活而实用   刚入门制作报表时，大家可能都被领导这样“亲切问候”过       那我开篇为什么说参数常用呢？   你看，面对领导的第一个要求，我们可以通过参数绑定控件就能实现不同维度的查询 第二个要求，只要我们想通图和表格和控件筛选的数据应该是一一对应的关系，接着通过参数设置联动就可以实现根据我们的查询变化显示这些一一对应的内容 第三个要求其实就是已有大的汇总数据，要看其下的具体细节数据。那我们就在报表之间或者是图表之间设置传参钻取，实现两个对象一一对应，精准下钻明细数据   所以在我们最后的成品中虽然看不到参数，但他其实无处不在，支撑着各个功能顺利执行。由此可见，参数的重要性不可小觑   参数如此重要，想必大家也很想掌握牢靠 但很多小伙伴面对茫茫的帮助文档可能一时间会不知道从何下手     小张今天带来的好消息就是：同学们再也不用为学习计划烦心啦~ 参数学习路径我们已经整理出来了 参数应用学习路径 帆软栽好了树，大家快进来乘凉呀~   除了帮助文档的学习路径，社区中也为大家整合了参数的学习资料 【参数达人养成记】之资源汇总贴 【参数达人养成记】之参数其他学习资源   需要注意的是 社区中为大家整合了其他专题中涉及到参数的学习资料，例如一些JS、图表的进阶操作等等 基础部分帮助文档和社区还是保持一致哒   小张温馨提示 目前的参数学习路径新手更适用，能够帮新人同学快速了解参数和它的一些基础用法，帮助大家快速上手一些常用操作，比如一些简单的查询、联动、钻取   因为参数应用起来可使用范围很广，很多个性化需求都是需要同学们花一定时间成本深入学习之后才能达到的，比如JS和参数的搭配使用，公式和参数的搭配使用等等... ...   也因此帆软目前先整理出了一个帮助新手快速入门的学习路径 如果大家有参数进阶学习路径的需求或者新的学习资源形式的idea都可以在评论区留言，我们会及时记录大家的反馈   编辑于 2021-11-23 16:24

服务器部署一看就会，一学就废？ 满屏的“404”和“ERROR”?     对不起我们不一样？不约不约！ 打败部署路上的拦路虎，或许你离快速而又稳定的部署只差一份整合合理的学习资料   今天就给大家分享一套部署秘笈——部署学习路径 服务器部署学习路径-https://help.fanruan.com/finereport/doc-view-4228.html   小张友情提示 别急！继续往下看可以快速缕清这份学习路径的逻辑，get正确的学习方法，按需控制从学习到上手的时间成本   学习路径章节安排   第一章 原理解释，即部署的原理和常用的Windows、Linux系统对比 第二章 整个学习路径的重点部分，即通过分步教学展示如何实现部署。挑选了平时我们比较常用的三种容器为例：Tomcat、Weblogic和WebSphere 第三章 分为三个小节，分别是修改tomcat端口号、修改FR配置参数、Java环境变量汇总，这些都是我们部署过程中可能会遇到的环境配置相关的较为繁琐的步骤 第四章 一些非必要的扩展性应用，这里列举了三个：linux中关闭FR部署的工程、访问URL变短、服务器字体   学习建议 （一）时间紧迫 如果你只想尽快解决眼下的问题，并没有打算花更多时间在其他方法的学习上，那就根据自己的需求在学习路径目录中快速定位相应文档即可   （二）时间充裕 如果你的时间比较充裕并且渴望把FR吃得更透一点，离FR大神更进一步，这时候小张就建议同学们跟着学习路径的章节安排学习，毕竟技多不压身，行走江湖，哪儿有人嫌自己会的多的~   不像别的专题都需要“勤加练习”、“熟能生巧” 部署只需要跟着文档慢慢来，多一点耐心和细心，就一定能成功！   注意啦 其他专题的学习路径我们也在整理中了 如果现有的学习路径还是不符合大家的学习习惯和需求，欢迎宝子们在评论区留下你们宝贵的建议~ 收到足够的反馈我们就会在下一步的调优中优先考虑这些提议！ 我们会努力努力再努力地整理出更好的学习资料哒~   【更多资料获取】 【大屏达人养成记】之资源汇总贴 【决策报表达人养成记】之资源汇总贴 【参数达人养成记】之资源汇总贴 【参数达人养成记】之参数其他学习资源 编辑于 2021-10-8 13:38

一个伸手不见五指的夜晚——跳闸了，舍友都陆陆续续走到客厅聊起天，我无奈地看了看桌上的炸鸡和看了一半因为断网卡住的电视剧，正准备出门加入她们，手机收到了上司小姐姐的问候   “在吗宝贝，我这里有一套决策报表的基础题，你花五分钟做一下，顺便帮我看看题目有没有什么问题”   想了想学习决策报表那都是多久之前的事了，但想当初我也是跟着新手入门导学一步一步走过来的，于是非常自信五分钟后我一定能出门唠嗑，说不定凭我敏锐的洞察力，还能发现其中的一些问题，给出一些建设性建议。沉浸于美好幻想中的我点开题目开始做题，虽然过程会遇到一些概念记忆不清的题目，但经过一番努力回想，五分钟好歹是完成了题目，准备提交答案了，发现按钮写着“下一页”......   ......门外的欢笑声更清晰了 下一页相同题量多选题，我沉默了......这不是超时的问题了呀，我都担心下一秒姐姐会觉得我失联了~~ 看着这些多选题，是多么的熟悉又陌生。为了缩减做题时间，我果断用电脑连上热点在帮助文档和社区问答反复横跳、疯狂搜索   好不容易做完题，交上去后姐姐问我：“怎么样？你觉得题有问题吗？”   “题我觉得都还好诶，好像我的问题有点大/哭脸，做着有点吃力”   “问题不大，你当时只是跟着新手入门学了一点点入门知识而已，这些基础题不能很快答上来也能理解的。我在社区整理了一份决策报表的学习资源，你可以照着那个学习，学完后面也有自检题，能合格就掌握的差不多啦~”   入职一个月多了，我一直以为通过了考核的我，FR怎么着也算是掌握住基础了，这么一遭也算是给我打出原形。想要技术硬，还得是不断巩固稳扎稳打才能夯实基础啊！ 第二天我花了点时间跟着社区的学习路径系统地学习完决策报表的基础知识，后面的美化课程和场景方案甚至都还没看，检测题就真的高分飘过了（不经意间还捞了5个F币~真的飘了飘了） 看到这里的娃子们，或许你也想过测试自己对于FR的决策报表知识掌握了多少吗？又或者是大屏的基础知识掌握程度以及其他的FR基础知识？是不是已经摩拳擦掌跃跃欲试了~ 呐呐呐检测入口在这里，拿着你们的满分来砸死我吧，我做好准备了 >>>【决策报表达人养成记】答题快闯关 >>>【大屏达人养成记】答题快闯关 >>>【参数基础】答题快闯关 >>>【参数进阶】答题快闯关   如果有和我一样实际知识储备并没有准备好的小伙伴，一定要先去把基础知识系统地过一遍呀 >>>【决策报表达人养成记】之资源汇总贴 >>>【大屏达人养成记】之资源汇总贴 >>>【参数达人养成记】之资源汇总贴   任务认领需要指路的看这里~ 编辑于 2021-9-13 14:09

人事信息细碎而杂乱，信息更新滞后、整合分析困难这些问题更是给分析人员和管理人员带来很多麻烦 面对不断变更的人员信息和多维度的人才信息分析与管理需求，传统的纸质报表和Excel表就逐渐不堪重负，来来回回删删改改之间数据发挥不了应有的价值，管理效率被不断拉低   想要实现高质高效的人资管理，光说不行，得在这“质”和“效”上下足功夫   何为质：人事信息管理不是简单的人员信息统计，无论是数据还是分析都该是多维度的。只有从各个维度深入剖析人才信息，才能让企业人才发挥出超越人才自身的价值。简单来说就是人才除了能够发挥自身的脑力或者体力这些个人价值之外，人才这个群体的整体分布规律、动作规律等也是可以为企业创造价值的宝贵数据   何为效：一方面，要想分析具有时效性，分析结果对当下决策有指向性，比如人员流动相关的入职人数、离职人数这些数据的时效性就是不可忽视的，在这些数据的收集处理上就不能考虑使用统计周期过长的方法。另一方面，上面也提到，多维度的信息挖掘会为企业带来更多的附加价值。然而维度越多，传统分析方式下消耗的人力精力越多，可能就会导致鱼和熊掌不可兼得的情况   那鱼和熊掌真的不能兼得吗？   在人力资源管理上，小张我还真可以自信拍拍胸脯说：“能！”   今天小张就给大家带来了一套人力资源管理驾驶舱解决方案，高质量、高效率的人事管理和分析那就是信手拈来   点击下方链接获取管理方案，还有免费驾驶舱模板~ --->「方案-人资！！！」人力资源管理驾驶舱解决方案，拿走不谢！   接下来我们就来扒一下，这份方案到底有什么   模板demo 方案给大家展示出了驾驶舱模板demo，这里搬砖小张也为大家搬过来了 可以看到整体配色非常清新悦人，但是数据分析能力和结果展示能力也都是双双在线，毫不逊色 没有繁杂枯燥的数字，有的是合乎数据展示需求的各种图表组件，通过这些组件直观展示数据分析结果，最大程度地辅助决策     三张功能表 方案包括人才结构表、人才利润表和人才流量表三张表 麻雀虽小，五脏俱全，三张报表也是覆盖了绝大部分重要人事信息的分析与整合 组件互联、数据更新是保证数据分析功能完整性和数据时效性的有力支撑   人才结构表 整合分析了人员分布信息、员工职级分布和人员流动月度趋势 人才结构、职级结构问题一目了然，人员流动趋势也可以为人才招聘提供预测和数据支持   人才利润表 通过人效、收入和成本的分析清晰展示各员工、各小组之间的绩效差异以及整体收入水平的对比 透明业务成绩的同时，更意在激发员工的竞争意识，催促员工提升能力、完善自我   人才流量表 负责收集分析人员离职信息、整合掌控人员培训信息，适于企业对于人员流动和员工成长的长远宏观把控   组件拆分讲解 方案中为大家拆分讲解了每张表中各组件的制作细节 使用何种组件展示指标数据、指标的意义以及组件的选用原因也是方案重点的讲述内容，可以对照效果图一步步理解制作思路   不过小张还是要补充一句 效果图和模板只是最终的实现效果展示，是死的；分析以往信息处理不当之处得出更优解并尝试从不同维度挖掘更多信息辅助决策的制作思路才是方案的精华所在，是活的。也许慢一点，会走得更远噢~   更多干货都在方案里啦 帮助文档可视化指南中也有场景驾驶舱的详细内容介绍 --->人力资源管理驾驶舱   让我们一起早日对低质低效人事管理say goodbye~   编辑于 2021-11-23 17:17

都2021年了，那么多互联网公司都宣布取消996了，为什么我一个做报表的还在熬夜赶制作？   不想再面对每次都要重复制作的组件，更不想面对每次都绞尽脑汁也总差点意思的模板美化   报表人什么时候才能站起来！     隔天顶着黑眼圈被上司小姐姐拉着小手手慰问   破防的我终于嘤嘤呜呜说出了我的难处   姐姐一脸心疼傻子的表情说：“你去看看组件复用吧”     市场里的模板多到让人眼花缭乱   原来这些都是可以根据自己的需要拆分复用的吗！   只能叹学海无涯，学不可以已     组件复用之香，山珍海味不能及也~因为做不完工作，压根没钱没时间吃~   认清现实后，还不赶紧把组件复用学起来！   隔壁明天有一场以制作生产监控驾驶舱为例的组件复用教学直播，对胃口的小伙伴们快搬着小板凳一起把新技能get起来！     直播报名指路：https://edu.fanruan.com/live/45 编辑于 2021-7-27 10:45

企业和员工之间是一个双向的认同和选择，这句话就是说如果企业和员工灵魂契合，那他们的关系就是共存共生、同进同退。如果任何一方出了岔子，这种双向的认同和选择就会被打破，继而发展为员工离职，或是主动辞职，或是被动被炒 而现在随着互联网技术的不断发展，员工离职也不再仅仅是一件木已成舟的事情，而是一条条可以用来产生价值的数据，让企业走得更长远的数据   没有错，有的人已经离开了，但又没有完全离开 比如离职员工的年龄、性别、离职原因等，这些信息都可以经过分析输出成离职人员年龄分布、性别分布、离职原因汇总等有意义、会说话的数据。千万不要小看这些数据，企业的管理决策效果监测结果就数这些数据说话最有力 也就是说这些离职信息的合理整合和分析对于企业来说，既起着决策检测作用，又是一个决策风向标的存在   因此，结合FineReport强大的数据整合能力和报表展示功能，一张员工流失率可视化分析报表应运而生。效果如下~ （帮助文档链接：员工流失率可视化分析-https://help.fanruan.com/dvg/doc-view-14.html）     通过FineReport强大的数据整合能力和报表展示能力，报表实现了对零碎的离职信息整合分析和展示，为辅助决策带来极大便利 报表中设置了指标卡来展示公司离职、在职员工现状 各部门离职人数对比可以实时展示各部门的员工健康度排名，并对健康度过低的部门进行标红示警，要着重注意这几个部门的人员管理啦~ 离职情况分析中通过点击Tab块可以跳转到相应的分析图表，从多个维度收集分析离职员工的信息 通过设置条件属性和动态交互特效，实现能够对个别危险数据进行展示效果放大，以达到示警的作用   除了模板下载，上文提到的帮助文档中还为大家准备了： 报表制作的整体流程和思路讲解 具体实现的页面效果优化步骤 报表模板在线试用   【更多人事管理资料分享】 人事管理系统 如何让招聘管理流程化 如何快速办理新员工入职 如何高效的办理转岗和离职 如何让公司的考勤管理电子化 人力资源管理驾驶舱解决方案 编辑于 2021-9-7 15:47

我可以只在一个招聘平台上投放我们的招聘信息吗？ 不，我不能！！！我的KPI完不成！！！ 144011 看了看常年使用鼠标而布满老茧的小手，摸摸鼻子，颤颤巍巍的打开下一个平台 投放一时爽，整理火葬场 复制、粘贴、复制、粘贴...... 就这样我结束了工作以来的第37个周末 别问我周末整理资料，周内干啥呢？ 河东狮吼，周内不用看简历啊！！！ 我想，我只需要多点努力，多几个分身，总有一天我能拥有一个完美周末 144012 骑着我心爱的小电驴冒雨冲到家 合租的二毛又喊了一堆人来家里剧本杀 同是HR这货为啥能如此潇洒？？？ 一个月黑风高的晚上，我沐浴焚香后冲进二毛的房间抱住他 二毛，我最爱你的呀 二毛单手把我提溜起来按在床上 双手叉腰大喊一声：“啥屁，快放！” 假意嘤嘤嘤几下，我们两都是HR没错吧 为啥你成天上跳下窜还奖金大把大把 瞅给你一天忙的，跟哥哥说说你在忙啥 怪八好意思的，就把哪些平台的数据整到一沓啊 啪一个脑瓜 这还用整理，你就用一个入口这还整啥？ 啥？还能一个入口啊 怪不得咋说你傻 你把这个投递入口链接放在招聘信息中，这还整啥 144013 还有这种好事？好嘞，哥您忙我滚啦 -----------------完---------------- 插一嘴啊 解放双手，让招聘管理流程化 都看到这里了你不戳戳我吗？ 啊 我膨胀啦 144014 ---------------这回我真滚啦---------------- 编辑于 2021-5-24 17:14

143635 活动报名链接：“你的模板 我来美化”活动报名传送门活动参考资料：可视化参考资料 https://bbs.fanruan.com/upload/images/20210510/1620613127624564.png 活动交流群：143908活动最终解释权归帆软所有，参与者报名提供的所有信息都将被严格保密，如果您有任何疑问，可以联系客户质量部产品运营经理张瑶，邮箱Dora.Zhang@fanruan.com 编辑于 2021-5-18 09:28

十年生死两茫茫 业务系统自难忘 千金求稳 无处话凄凉 纵使相逢应不识 用集群，一起扛 防宕机，不含糖 现在，web集群快速入门课程来了！ Web集群入门门槛高，不知道如何配置运维？ 图文教程太简略，无法跟着一起操作实践？ 别怕！为了帮助大家更好的学习web集群，我们特别邀请了web集群产品运营经理张瑶，手把手为大家演示配置部署集群的过程，从集群原理到各部分组件的功能原理，从配置到运维你想了解的，这里都有哦~ 通过本专题的学习，你将得到快速的成长，配置部署集群分分钟不在话下，原理层面的理解能帮你更好的运维维护系统的稳定性，再也不怕被领导嫌弃了，人人都能当个技术大牛！ 视频主题： Web集群原理介绍以及帆软web集群方案介绍 视频讲师： 张瑶 （帆软Web集群产品运营经理） 适合对象： 所有对web集群感兴趣的学员、番薯、帆软内部爱学习的同学以及部署了web集群的企业运维人员 视频内容： Web集群原理介绍 Web集群组件及功能点的介绍 Web集群组件配置及运维 平台配置开启集群 还等什么，(づ｡◕ᴗᴗ◕｡)づ 戳我学习：http://bbs.fanruan.com/course-86.html 编辑于 2019-12-5 15:02

”老板，业务系统又宕机了！““太南了，我太南了，怎么又宕机了，还能不能愉快的工作！” 上面的场景是不是很让你感同身受？ 大家都知道，报表或BI系统在企业的应用往往并不单一，需要对接多个业务系统。而近年来，随着业务系统在企业信息化系统中重要地位的日益提升，使用频率也是愈来愈高，许多业务系统要求7*24小时不间断运行，服务器要在超长时间运行的情况下还要面对高并发压力，这简直就是为难业务系统。可是一旦服务器宕机，导致系统停止，造成的损失巨大，企业也是无可奈何。 有人问，那能不能让我的系统永不宕机，emmm，这个得科学家研究出永动机我才能回答你这个问题。 但是，提高系统的高可用性，确保系统的稳定运行，降低系统的宕机率我有高招。 今天就给大家介绍一种，通过web集群与智能运维防宕机功能双管齐下，让业务系统人见人爱花见花开从此远离宕机的小妙招。 一、web集群 集群(cluster)就是将多个相同的工程集中起来提供同一种服务，这些单个的工程就是集群的节点(node)。基于集群的横向扩展性，用户可通过增加节点数量使并发趋于线性增长，从而获得较高的并发支撑性能。同时也可以用多个工程做备份，避免单机不可用导致系统停止造成的损失（业务中断、数据/模板丢失），确保系统 7*24h 稳定运行。 不同于单节点系统“一点宕机、全体休克”的特质，帆软提供的web集群方案能够很好地解决单点故障问题，下面介绍一下几大特性： 129066 无主机模式 不依赖于某个中心节点，每一个节点都能当家做主，使系统压力分散，“你分担，我分担，任务做完好下班”，就算某一个节点出现意外宕机情况，其他节点也能够及时分担他的工作，系统仍可正常运行；也正是由于无主机的特性，使我们的集群方案能够弹性伸缩，增删节点不影响工程运行。 主动健康检查机制 谁还没有点小病小灾，出现问题能及时响应才是硬道理。具备主动健康检查机制的负载均衡配置健康检查接口后，能够主动检查应用的健康状态，当发现有某个节点不能响应的时候，立刻把该节点从健康列表中移除，直到它恢复正常再将其加回健康列表中。 集群异常提醒功能 针对集群环境各个节点的异常情况，我们可以针对不同场景及时通知。关于节点间jar包不一致或缺少jar包、节点由于某些异常脱离集群环境、节点间时间不一致等场景，系统能够主动推送平台消息、邮件以及短信，使运维人员能够及时悉知系统健康状态。 支持多种负载均衡 我们官方推荐使用nginx，treafk，F5三个负载均衡，并且提供了完善的部署和配置方案，针对其他市面上常用的负载均衡，也能够很好地支持（建议使用具备主动健康检查的负载均衡），给你多种选择空间。由于平台支持配置状态服务器，因此负载均衡层面无须配置session粘滞，使用常规的轮询策略，让每一次请求都能均匀分发，做到真正意义上的负载均衡。 129065 集群部署详情请参考我们的官方帮助文档：Linux系统部署集群：https://help.finereport.com/doc-view-2643.htmlWindows系统部署集群：https://help.finereport.com/doc-view-2818.html 二、智能运维-智能释放功能 下面小编再给大家介绍我们智能运维防宕机的另一个法宝：智能释放功能。 129064智能释放功能具有三大特点： 精准地计算系统的实时负载状况，相当于给你的系统装上了一个360°的红外线预警装置，针对JVM内存死死监视，一旦有风险，立刻触发智能释放； 选择最合适的释放目标进行内存释放，清理出更大的可用内存空间供你使用，就像手机的放心清理，把你遗忘的未关闭的进程中止，轻松瘦身； 在最必要的时候杀害对系统危害最大的模板，中止超大模板的运行以保证整个系统的正常运行，避免蝴蝶效应引起一系类惨重的损失，给系统多一重保障。 以上功能只需升级到FineReport10.0最新版本即可使用，快试试本文的方案吧！小编力荐，童叟无欺！