历史版本8 :5min做好移动端模板——移动端组件 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 版本编辑
报表服务器版本 |
---|
10.0、9.0 |
2. 描述编辑
3. 示例编辑
3.1 组件安装
1)下载组件至本地并解压:FineReport.Reuse.zip
2)将解压所得文件夹FineReport.Reuse放至 %FR_HOME%\webapps\webroot\WEB-INF\assets路径下,如下图所示:
注:FineReport.Reuse 文件夹名称不可更改。
3)重启设计器,组件即可使用。点击组件库,默认展示所有组件,共有五类:指标标签、图表切换、图表、表格、横幅。如下图所示:
3.2 新建移动端决策报表
1)新建决策报表
点击文件>新建决策报表,创建决策报表,如下图所示:
2)设置移动端属性
点击模板>移动端属性,在模板设置中勾选设置为手机端模板。如下图所示:
3.3 添加组件
用户可根据自身需求,选择相应的组件来搭建模板。本次示例中选择了横幅、指标标签和图表组件。
1)横幅组件
点击组件库>横幅,选择适合的横幅样式,拖拽至决策报表中即可。
2)指标标签组件
切换至指标标签组件,选择适合的标签样式,拖拽至决策报表中。
3)图表组件
切换至图表组件,选择适合的图表样式,拖拽至决策报表中,调整所有组件的大小和位置。
3.4 调整数据
当鼠标移动至组件,组件右上角会出现一个问号样式,单击后出现组件帮助弹窗。
用户可根据帮助弹窗,修改组件中的数据和格式,本次示例不做修改。
4. 效果查看编辑
4.1 PC 端
该组件效果主要用于移动端,不适合在 PC 端展示。
4.2 移动端
4.2.1 App
4.2.2 HTML5
注:需安装 HTML5 移动端展现插件。