反馈已提交

网络繁忙

FVS模板样式

  • 文档创建者:Alicehyy
  • 历史版本:6
  • 最近更新:Alicehyy 于 2024-04-30
  • 1. 概述

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

    1.1 版本

    报表服务器版本
    插件版本功能变动
    11.0.6V1.5.0新增「模板主题」功能,目前仅支持对当前模板「控件组件」样式统一设置
    11.0.22
    V2.6.1
    原「模板主题」功能变更为「FVS模板样式管理」功能,支持对模板整体样式预定义

    1.2 应用场景

    在创建 FVS 模板时,可提前选择模板样式,对模板的「主题样式」和「组件样式」进行预定义,提升后续模板制作效率。

    2D51B819-4C47-408A-BBE4-C606045CE7D8.GIF

    1.3 功能简介

    1)模板样式可通过「服务器>FVS模板样式管理」进行管理,包含 4 种内置样式,支持创建自定义样式。

    2)创建空白看板时需选择一种模板样式,模板样式为一次性应用,即编辑模板样式不影响已使用样式的模板。

    3)模板样式分为「主题样式」和「组件样式」,对已创建模板,支持切换「主题样式」,「组件样式」仅在新建模板时有效。

    使用建议:提前创建自定义样式,预定义好需要的样式,再新建模板。

    2. 模板样式应用

    2.1 创建空白看板

    新建空白可视化看板时,模板样式展示当前服务器下所有的「内置样式」和「自定义样式」,需选择一种样式后创建看板。

    1)内置样式:FVS 内置了 4 种主题样式可供选择,默认选择「深色主题一」样式。

    Snag_9a8c241a.png

    2)自定义样式:若未添加过自定义样式,会提示「暂无自定义样式,前往FVS模板样式管理进行添加」。

    Snag_2e6c7f36.png

    • 点击「FVS模板样式管理」打开弹窗,可复制内置样式或创建新样式进行自定义。

    • 添加后需关闭弹窗,回到模板样式选择界面,点击右下角「刷新资源」,获取自定义的模板样式。

    • 已有自定义样式时,左下角有提示「没有合适的,去手动添加」,点击「手动添加」也可打开模板样式管理弹窗。

    如下图所示:

    DD8D88EC-0EF7-4E14-8C5F-7A01783EB86E.GIF

    2.2 切换主题样式

    创建可视化看板后,可通过模板右上角「切换主题样式」按钮,切换当前模板「主题样式」。

    • 由于模板样式为一次性应用,所以这里不会选中当前应用的模板样式。

    • 在「FVS模板样式管理」中修改模板样式不影响当前模板,若需要应用修改后「模板样式」中的「主题样式」,需重新选中并切换。

    • 切换主题样式面板下方「手动添加」和「刷新资源」按钮与创建模板时的用法一致。

    F05BB7CE-B33F-467F-8B7A-265FD2783949.GIF

    3. 模板样式管理

    3.1 功能入口

    点击顶部菜单栏「服务器>FVS模板样式管理」,即可打开弹窗。

    Snag_2e94e11a.png

    3.2 内置样式

    FVS 内置了 4 种样式,内置样式不支持编辑、删除等功能,仅支持复制为自定义样式。

    鼠标悬浮样式,点击右上角复制按钮,即可将其复制到自定义样式。

    Snag_9b9e9f03.png

    3.3 自定义样式

    自定义样式界面左上角固定显示「创建新样式」卡片,鼠标悬浮时,出现「从深色样式创建」和「从浅色样式创建」两个按钮,点击后弹出「模板样式设置」弹框。

    自定义样式支持删除、编辑和复制,鼠标悬浮样式,点击右上角按钮即可进行对应操作。

    Snag_9ba9dfcf.png

    4. 模板样式设置

    模板样式设置包括样式名称、预览图、主题样式、组件样式四个部分。如下图所示:

    Snag_9c055d13.png

    4.1 名称及预览图

    1)样式名称不支持为空或重名。

    2)预览图中显示有标题、控件以及图表示例。修改样式配置时,预览图即时生效。

    4.2 主题样式

    可对模板整体色系进行配置,可配置内容如下表所示:

    配置项
    内容设置
    生效范围
    主题配色可配置 8 个色块的颜色图表系列色、查询控件背景色
    页面背景支持设置为 无、颜色、我的资源、自定义上传分页背景、三维背景页背景
    图表文字

    可配置图表文字颜

    图表范围:所有基础图表,以及扩展图表中的特殊形状柱形图文字范围:图例文字、轴标签文字、数据表文字

    图表网格线可配置网格线颜色

    图表范围:所有基础图表,以及扩展图表中的特殊形状柱形图

    控件文字可配置控件的默认文字颜色
    除查询控件外的所有控件
    控件图标可配置控件的图标颜色
    日期类、下拉类控件的图标颜色
    控件高亮可配置控件选中时的高亮颜色所有控件
    控件边框线可配置控件组件默认的边框线颜色除查询控件外的所有控件

    4.3 组件样式

    可对部分组件配置内容样式及组件样式,可配置内容如下表所示:

    分类
    内容设置
    组件设置
    图表

    支持配置图表图例、标签、系列、坐标轴、背景、提示中的部分设置项

    对所有基础图表,以及扩展图表中的特殊形状柱形图有效

    支持分别设置边框背景、边框线、圆角半径、毛玻璃、倒影、阴影、内边距、不透明度
    文字

    支持配置标题组件、富文本组件部分配

    不支持配置表格组件

    控件支持配置控件内容部分设置项

    4.4 样式生效逻辑

    1)「主题样式」与「组件样式」,存在部分相同设置项,例如控件图标、控件高亮等。

    相同设置项,可单独修改「组件样式」,此时「主题样式」不变,组件按照「组件样式」生效。

    但若修改「主题样式」,「组件样式」会跟随主题样式修改。如下图所示:

    0CC142E2-DE1D-4654-94BB-72D2990427B2.GIF

    Snag_2ff45843.png

    2)「组件样式」仅在新建可视化看板时应用于模板,创建模板后再「切换主题样式」,仅应用新的「主题样式」。

    8E11BA21-3DBD-4EA0-8AFD-45D91FA5F2E3.GIF

    3)复制粘贴不同样式模板中的组件,不受当前模板样式影响,需在「切换主题样式」中重新选择主题并切换。

    F41EDB20-F703-46A0-B2EF-478A80E3682A.GIF

    5. 注意事项

    部分组件暂时不支持配置样式,但在深浅主题下会区分显示。例如:

    • 表格工具栏开放「工具栏背景」和「按钮风格」设置,详情可参见 FVS表格工具栏应用 。

    • 设计器满足 11.0.26 及之后版本,表格内容文本颜色区分深/浅主题,显示为白色/黑色,之前版本中始终为白色。

    • Tab组件的默认样式选择「联排样式」时,Tab 栏按钮可跟随主题样式显示。

    • 控件下拉面板的背景区分深浅主题,文字选中效果跟随主题样式显示。

    • 查询面板中的控件仅「主题样式」生效。

    附件列表


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

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

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

    不再提示

    10s后关闭



    AI

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