帆软大屏学习
1.新建决策报表
2.在组件设置中选择绝对布局（只有绝对布局能进行组件的重叠）
3.根据场景规划中模板比例更改画布大小
常用组件介绍
Tab块
在一个区域展示多个Tab页内容
报表块
可显示文字图片等
插件安装管理
1.下载插件：
https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/%E8%A7%86%E9%A2%91/%E5%A4%A7%E5%B1%8F%E8%AF%BE%E7%A8%8B/%E8%B5%84%E6%96%99%E5%8C%85/3%E4%B8%AA%E5%A4%A7%E5%B1%8F%E7%9B%B8%E5%85%B3%E6%8F%92%E4%BB%B6.zip2.打开帆软点击：服务器 》 插件管理
3.安装：扩展图标，组件复用，决策报表自适应组件
模板复用
进入官网找到合适的模板：
https://finemaxdemo.fanruan.com/进入帆软市场选择合适的模板：
https://market.fanruan.com/template
制作一张3D地图
下载模板并使用帆软打开：
https://market.fanruan.com/template/20000177单击中间地图 》 在右侧组件设置中双击该组件 》 点击场景设置 设置地图样式
调整组件样式
更换数据源
双击要更新数据源的组件 》 点击数据 或 进入表格点击单元格修改
调整图标样式
标题、图例、标签、系列、背景等：双击组件修改
组件复用
组件下载库：
https://market.fanruan.com/reuse
1.先在FR中新建一个模板
2.点击 body 》 属性 》 样式 给模板添加背景
3.找需要的组件
1.在帆软资源库中查找
点击右侧 组件库 》根据条件筛选找到需要的组件 （在线组件需要安装组件复用插件） 》下载好后直接拖拽即可使用
2.在本地模板中复用
直接在其他模板中，复制粘贴即可
3.在模板中，选中一个组件添加到本地，可以创建一个组件
选择想要添加的组件 》点击右侧组件库 》 添加组件 》 创建组件
注：该组件使用时，会含有创建组件时拥有的数据
大屏常见动态及交互效果设置
轮播
1.数据轮播
var chartWidgetName = this.options.widgetName.toLocaleLowerCase()
setTimeout(function(){
var vanchart =FR.Chart.WebUtils.getChart(chartWidgetName).getChartWithIndex(0);
vanchart.openAutoTooltip(5000); //对表中的数据多少秒轮播一次
},3000)
2.图表轮播
双击控件 》 类型 》 + 》 添加需要轮播的图标 》 点击设计按钮（设置轮播属性）
3.Tab轮播
拖入Tab页到模板中 》 新增三个Tab 》 拖入组件 》 在设置好数据后，可手动开启自动轮播
闪烁动画
可实现大屏监控告警
双击控件 》 特效 》 条件显示 》 添加条件属性
表格跑马灯效果（表格）
参考文档：
https://help.fanruan.com/finereport/doc-view-4299.html
| 方法 | startMarquee(opt) | 开启跑马灯效果 |
|---|---|---|
| 参数 | opt: { offset: number, interval: number, stopOnHover: boolean, to: string} | 滚动效果属性，json 格式 offset：每次滚动的距离，默认为 5px，单位为 px interval：间隔时长，默认为 0.1s，单位为 s stopOnHover：鼠标悬停时是否暂停，默认为 true >>> true：暂停 >>> false：不暂停 to：滚动的方向，支持向上和向左，默认向上 >>> 'top'：向上滚动 'left'：向左滚动 |
_g().getWidgetByName('report0').startMarquee(); // 添加默认的跑马灯效果
/*setTimeout(function(){
_g().getWidgetByName('report0').startMarquee();
}, 500);*/
点击跳转模板
参考文档：
https://help.fanruan.com/finereport/doc-view-2128.html
window.location = encodeURI(encodeURI("${servletURL}?viewlet=大屏入门/演示案例/点击跳转模板/收益分析联动.frm"));
点击弹出窗口
参考文档：
https://help.fanruan.com/finereport/doc-view-3633.html
图表联动参数配置
1.查询时需要在数据库查询中配置参数
SELECT * FROM `get`
where type='${type}'
AND country='China'and cate='现实'
2.单击表格中的数据 》 点击右侧超级链接 》 添加动态参数（一般设置为公式）
