反馈已提交

网络繁忙

FVS表格工具栏应用

  • 文档创建者:Alicehyy
  • 历史版本:12
  • 最近更新:Alicehyy 于 2024-05-22
  • 1. 概述

    适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。

    1.1 版本

    报表服务器版本
    插件版本功能变动
    11.0.9V1.11.0新增表格工具栏,支持分页和导出
    11.0.16V1.17.1表格工具栏新增「放大按钮」,详情参见 2.4 节
    11.0.22V2.6.1表格工具栏支持设置背景颜色和按钮风格,详情参见 2.5 节

    1.2 功能简介

    表格组件「内容」配置面板下,,勾选按钮后显示,默认均不勾选。

    • 支持设置分页后通过勾选「分页按钮」实现分页切换;

    • 支持导出按钮实现表格内容按「分页导出」或「原样导出」为 Excel ;

    • 支持「放大按钮」,点击实现表格全屏显示;

    • 勾选按钮后,支持设置工具栏位置、工具栏背景以及按钮风格。

    如下图所示:

    Snag_2f4ad907.png

    2. 示例

    2.1 准备模板

    1)点击设计器左上角「文件>新建可视化看板」,创建一张空白看板,如下图所示:

    1696926492272814.png

    2)新建数据库查询 ds1,SQL 查询语句为:SELECT * FROM 销量 。如下图所示:

    1649919566669564.png

    2.2 表格分页

    2.2.1 添加并编辑表格组件

    1)点击组件区「文字>表格」,将组件添加到画布中,点击配置面板「编辑组件」进入编辑界面。

    1672130473827776.png

    2)属于表格标题,将 ds1 数据集中字段拖入单元格,将「销量」所在单元格的数据设置修改为「汇总>求和」。如下图所示:

    1672130740984901.png

    3)点击「返回可视化看板」,勾选「分页按钮」。如下图所示:

    1672131011549585.png

    此时预览效果如下图所示,只有一个分页,需滚动查看数据。

    8A00AA45-8506-4DAA-A946-564CDCB982DE.GIF

    2.2.2 设置分页

    从上一步预览效果可以看到,表格是根据「地区」字段分组显示的,那么我们进入表格编辑界面,给「地区」字段所在单元格设置「行后分页」,即可实现表格根据地区实现分页效果。设置步骤如下图所示:

    注:若要实现固定行数分页,不能勾选下图中的「行后分页」,需要使用 条件属性中的分页 实现。

    1672131274223352.png

    2.2.3 设置重复冻结行

    设置分页后,如果不设置重复标题行,那么第 1 页之后的页面中,是没有表头的。

    所以需要点击表格上方工具栏中的「冻结」按钮,弹出 重复与冻结 设置框,设置「第 1 行」重复与冻结。如下图所示:

    1672132102789744.png

    设置完成后,点击左上角「返回可视化看板」。

    2.2.4 效果预览

    1)PC 端

    点击左上角「预览」,效果如下图所示:

    1E3AE956-D2B6-454A-837C-0604A7B8241D.GIF

    2)移动端

    预览方式请参考 FVS移动端预览 ,效果如下图所示:

    2.3 表格导出 Excel

    注1:移动端不支持「分页导出按钮」和「原样导出按钮」

    注2:JS 实现导出 FVS 表格组件可使用接口 exportReportToExcel 。

    当表格工具栏勾选「分页导出按钮」和「原样导出按钮」后,预览时,点击按钮可将表格组件内容导出为 Excel。

    导出的 Excel 文件名为 模板名称_表格组件名称 ,sheet 页名称为 表格组件名称

    1672132241339887.png

    2.3.1 分页导出

    分页导出时,会按照表格分页的结果形式排列导出,重复的标题等也会重复。如下图所示:

    Snag_4ef4c656.png

    2.3.2 原样导出

    原样导出时,即使表格组件是分页的这里也不会分页,会连续导出,如果有重复标题的,标题也只显示一次。如下图所示:

    Snag_4ef588fa.png

    2.4 表格放大

    注:移动端不支持「放大按钮」。

    表格工具栏勾选「放大按钮」,如下图所示:

    Snag_254a4b22.png

    预览效果如下图所示:

    DADED663-961A-428F-81B3-20BB046913B1.GIF

    2.5 工具栏样式设置

    勾选任一按钮,显示工具栏后,支持设置工具栏位置、工具栏背景和按钮风格。

    1)工具栏位置:支持设置位置为表格组件的「顶部」或「底部」。

    2)工具栏背景:支持设置工具栏背景的颜色,颜色支持设置透明度。

    3)按钮风格:支持选择「浅色」或「深色」。

    「工具栏背景」和「按钮风格」默认值由 FVS模板样式 深浅主题决定,可自定义设置。

    • 深色主题样式:

    Snag_2f9e183e.png

    • 浅色主题样式:

    Snag_2f9e1168.png

    3. 模板下载

    点击下载模板:表格工具栏应用示例.fvs

    附件列表


    主题: FineVis数据可视化
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持