Finereport决策报表

一、概述

　　决策报表通俗讲就是炫酷点的大屏：https://help.finereport.com/doc-view-432.html

二、入门

　　　实例流程：

　　　　

 

 

 

 

　　　1.布局方式：也就是流式布局和绝对布局

　　　　

 

　　　　

 

 　　　　自适应布局会对拖入其中的图表等自动填满区域

 　　2.设置背景

　　　　正常没有背景是白色背景的：

　　　　

 

 　　　　可以选一个深色的图片进行背景设置：

　　　　　　

　　

 　　　　设置一个深色背景：

　　　　　　

 　　　　当然，这个图表和大屏配色是不搭的：

　　　　　　服务器->图表预定义配色，增加一个配色：

　　　　　　

 

 

 　　　　点击对应的图表，在配色里面改：

　　　　　　

 　　　　大屏上展示的话，工具栏是不要的：

　　　　

 　　　　加边框：

　　　　　　

 

 　　　　左边是自己设置边框，并在右侧样式里直接显示标题导致的。右侧是在文件树上选择组件然后再设置自定义样式里设置的：

　　　　　　左侧：

　　　　　　　　

 

 　　　　右侧则是在自定义里面选择边框图片和设置标题的：

　　　　　　

 

 　　　　　　选择边框素材即可：

　　　　　　　　

三、tips

　　1.增加一个关闭页面的按钮

　　　　决策报表上方拖一个lable，设置显示值后点击添加点击事件：

　　　　　　window.close()一行代码即可