【FineReport】大屏操作笔记_finereport的大屏怎么分享给别人看

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

1.新建决策报表

2.调整报表块自适应属性

模板——表单报表块自适应属性——编辑全局配置——双向自适应

3.调整布局方式

布局方式设置成绝度布局、适应区域

4.调整像素

根据项目要求调整下方的画布像素

5.拖拽空白快

根据效果图的布局方式进行空白快拖拽，并调整结构

【注意】当拖拽过程中出现红字时无法完成拖拽，可以换一下位置再拖一遍，拖拽成功在画布上进行移动和设置

【注意】为了尺寸精准可以采用两种方式优化：
方式一：设置宽度和长度
方式二：采用复制、粘贴的方式

三、放置背景图片

选中报表块——选择"样式

四、标题板块

1.设置标题连接

函数image

2.设置标题名

拖拽报表块–>覆盖原来报表块

五、第二行数字标题

1.填写数字
设置列宽
设置小数
设置单元格对齐（不是上面，是右面）

2.填写名称

设置单元格对齐

注意：对齐方式尽量往中间对齐。

3.添加动态图片

（1）左边添加列–>合并

（2）动态图片

主表拖拽tab块–>插入公式imag

（3）修改动态图片

六、pv/uv环比图

使用字段名：线条图

使用字段值：条形图

2.设置样式

去掉展示工具栏：

特效–>交互属性，取消勾选

调整：标题位置

方式一：不用标题，写点点，选择颜色类似于背景色—>建tab块，覆盖显示

去掉网格线

七、环形图

八、条形图

设置不可见

设置数据、节点名称

右击添加条件属性

九、中心地图

1.GI涂层关掉

2.地图省份轮播效果

body–>右下角事件

setTimeout(function(){
var vanchart = FR.Chart.WebUtils.getChart('chart11').vanCharts.charts[0],
openAutoTooltipCarouselDelay = 7000;
openAutoTooltipCarousel();
function openAutoTooltipCarousel(ele){
var series = vanchart.series; // 获取chart下的所有系列
// 获取系列第一个系列的所有数据点
// 注意，每次只能显示一个数据点提示，如果需要显示多个数据点的提示内容，可以在plotOptions里面开启数据提示共享
var points = series[0].points, 
pointsLen = points.length;
// 默认的提示轮播从第一个点开始
var pointIndex = 0;
window.openAutoTooltipCarouselTimer = setInterval(function (){
// 遍历series下面每个系列的点
// 使用vanchart.showTooltip依次展示不同索引的数据点
vanchart.showTooltip(points[pointIndex]);
pointIndex < pointsLen - 1 ? pointIndex++ : pointIndex = 0;
}, openAutoTooltipCarouselDelay)
},7000);
修改只修改chart11(地图是多少就是按照多少)，时间单位为：毫秒 
内径占比–圆环 
十一、组合图
 
数据根据图形分开设置 
例如：柱形图+折线图 
十二、呼吸效果
 
特效–>条件显示–>条件属性，什么都不填写 
十三、跑马灯
 
两种方式： 
				学习进入第三周也做了一些简单报表设计，以综合大屏显示作为自己本阶段的总结吧。
1.大屏显示首先引入眼帘的是色彩，为了统一配色，我采用表单整个图片背景导入。
2.字体统一，主题字体：微软雅黑，主体字体：微软雅黑light；主要前景色为白色，部分需要突出部分采用浅绿色。
3.组件件的间隔为[1,5,1,5]，组件缩放：充满整个区域
4.图表曲线尽量采用平滑，图标色彩尽量与背景色统一，主要是减少色彩跳跃性
				帆软使用记录1、帆软简介2、使用背景2.1、项目结构和环境3、具体步骤3.1、需求3.2、页面制作步骤3.3、本地部署步骤3.4、服务器部署步骤3.5、最终效果展示4、bug记录4.1、忘记管理员账号密码
1、帆软简介
FineReport 是帆软自主研发的企业级 web 报表工具，以其零编码的理念，易学易用，功能强大，简单拖拽操作便可制作中国式复杂报表。附帮助文档
2、使用背景
目前做的一个项目需要用到可视化的大屏界面，在网上找了许多方法，最简单的还是通过已有模板嵌入式开发。
2.1、项目结构和环境
				大屏在公司越来越常见了，我认为最大的作用还是更及时的发现生产过程中的问题，大屏的选择有很多，比如公司的前端可以自己开发下，或者用报表软件开发，tableau或者帆软都行，还有直接购买外面成熟的大屏产品，比如阿里云的datav。我们公司是买的帆软，report也可以实现这一功能，就用这个做了。
一、数据源问题
  先说下数据源的问题，互联网公司有一定规模，实现实时数据监控...
				FineReport可视化大屏设计
制作可视化大屏，一般有这么几种方案： 方案一：写代码调用数据和图表库，比如写JS+Echarts  方案二：用现成的数据可视化工具
一.决策报表基础
FineReport决策报表采用了画布式操作界面，通过简单的拖拽帮助用户构建强大的、全面的可视化大屏。在一个页面整合不同的数据，完美的展示各类业务指标，实现数据的多维度分析。
1.1组件介绍
参数民安、空白块（tab块、绝对画布块、报表块）、图标块、控件
1.2 布局方式
自适应布局：
后天对所有组建的位置进行调整，所有
				在 FineReport 11.0 新功能剧透中，大屏作为最受瞩目的功能模块之一，可谓吊足了大家的胃口。
这次更新的大屏功能以一种全新的开发模式和大家见面，在提升模板开发效率、解决自适应问题、打造故事性大屏和构建3D场景等方面具有突破性的进展。
今天，帆软君携“FVS大屏编辑模式”插件功能登场，为大家详细揭秘 FineRepoert 11.0 大屏新在哪里。
先通过demo效果一睹为快吧：
一、专属设计模式，开发全面提速
1、所见即所得
全新的FVS大屏编辑模式，是基于B/S端技术的开发模式，内置数十种适合
				《人人都可以上手数据大屏—Finereport大屏系列课程 | 第一期 配套任务》
1. 词云显示数少于实际提供的数量问题（比如有10个字段需要显示，只显示了5个）： 字段字体过大导致
系列→自定义→指定大小→减少字段数值范围
2、饼图显示有缺角
系列→样式→终结角度→改为360°
3、条形图有网格线
背景→绘图区→网格→方向（纵向/横向）→颜色→透明
4、插入表单后，修改操作在主页面...
				最近，做一个项目，客户希望能够直接把一批资料保存到C盘下的某个文件夹中。一开始以为很简单，方法很多，最终做的时候，遇到了困难。
我把服务器端和本地的问题没有处理好；
以为方法只实用服务器端文件下载保存，不实用本地端：
1，File.Copy(excelSource,tempFilePath,true);前面是需要拷贝的路径加文件名，后一个是拷贝到的路径和文件名
2，System.I...