1. 概述
适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。
1.1 版本
报表服务器版本 | 插件版本 | 功能变动 |
---|---|---|
11.0.6 | V1.5.0 | 新增「模板主题」功能,目前仅支持对当前模板「控件组件」样式统一设置 |
11.0.22 | V2.6.1 | 原「模板主题」功能变更为「FVS模板样式管理」功能,支持对模板整体样式预定义 |
1.2 应用场景
在创建 FVS 模板时,可提前选择模板样式,对模板的「主题样式」和「组件样式」进行预定义,提升后续模板制作效率。
1.3 功能简介
1)模板样式可通过「服务器>FVS模板样式管理」进行管理,包含 4 种内置样式,支持创建自定义样式。
2)创建空白看板时需选择一种模板样式,模板样式为一次性应用,即编辑模板样式不影响已使用样式的模板。
3)模板样式分为「主题样式」和「组件样式」,对已创建模板,支持切换「主题样式」,「组件样式」仅在新建模板时有效。
使用建议:提前创建自定义样式,预定义好需要的样式,再新建模板。
2. 模板样式应用
2.1 创建空白看板
新建空白可视化看板时,模板样式展示当前服务器下所有的「内置样式」和「自定义样式」,需选择一种样式后创建看板。
1)内置样式:FVS 内置了 4 种主题样式可供选择,默认选择「深色主题一」样式。
2)自定义样式:若未添加过自定义样式,会提示「暂无自定义样式,前往FVS模板样式管理进行添加」。
点击「FVS模板样式管理」打开弹窗,可复制内置样式或创建新样式进行自定义。
添加后需关闭弹窗,回到模板样式选择界面,点击右下角「刷新资源」,获取自定义的模板样式。
已有自定义样式时,左下角有提示「没有合适的,去手动添加」,点击「手动添加」也可打开模板样式管理弹窗。
如下图所示:
2.2 切换主题样式
创建可视化看板后,可通过模板右上角「切换主题样式」按钮,切换当前模板「主题样式」。
由于模板样式为一次性应用,所以这里不会选中当前应用的模板样式。
在「FVS模板样式管理」中修改模板样式不影响当前模板,若需要应用修改后「模板样式」中的「主题样式」,需重新选中并切换。
切换主题样式面板下方「手动添加」和「刷新资源」按钮与创建模板时的用法一致。
3. 模板样式管理
3.1 功能入口
点击顶部菜单栏「服务器>FVS模板样式管理」,即可打开弹窗。
3.2 内置样式
FVS 内置了 4 种样式,内置样式不支持编辑、删除等功能,仅支持复制为自定义样式。
鼠标悬浮样式,点击右上角复制按钮,即可将其复制到自定义样式。
3.3 自定义样式
自定义样式界面左上角固定显示「创建新样式」卡片,鼠标悬浮时,出现「从深色样式创建」和「从浅色样式创建」两个按钮,点击后弹出「模板样式设置」弹框。
自定义样式支持删除、编辑和复制,鼠标悬浮样式,点击右上角按钮即可进行对应操作。
4. 模板样式设置
模板样式设置包括样式名称、预览图、主题样式、组件样式四个部分。如下图所示:
4.1 名称及预览图
1)样式名称不支持为空或重名。
2)预览图中显示有标题、控件以及图表示例。修改样式配置时,预览图即时生效。
4.2 主题样式
可对模板整体色系进行配置,可配置内容如下表所示:
配置项 | 内容设置 | 生效范围 |
---|---|---|
主题配色 | 可配置 8 个色块的颜色 | 图表系列色、查询控件背景色 |
页面背景 | 支持设置为 无、颜色、我的资源、自定义上传 | 分页背景、三维背景页背景 |
图表文字 | 可配置图表文字颜色 | 图表范围:所有基础图表,以及扩展图表中的特殊形状柱形图文字范围:图例文字、轴标签文字、数据表文字 |
图表网格线 | 可配置网格线颜色 | 图表范围:所有基础图表,以及扩展图表中的特殊形状柱形图 |
控件文字 | 可配置控件的默认文字颜色 | 除查询控件外的所有控件 |
控件图标 | 可配置控件的图标颜色 | 日期类、下拉类控件的图标颜色 |
控件高亮 | 可配置控件选中时的高亮颜色 | 所有控件 |
控件边框线 | 可配置控件组件默认的边框线颜色 | 除查询控件外的所有控件 |
4.3 组件样式
可对部分组件配置内容样式及组件样式,可配置内容如下表所示:
分类 | 内容设置 | 组件设置 |
---|---|---|
图表 | 支持配置图表图例、标签、系列、坐标轴、背景、提示中的部分设置项 对所有基础图表,以及扩展图表中的特殊形状柱形图有效 | 支持分别设置边框背景、边框线、圆角半径、毛玻璃、倒影、阴影、内边距、不透明度 |
文字 | 支持配置标题组件、富文本组件部分配置 不支持配置表格组件 | |
控件 | 支持配置控件内容部分设置项 |
4.4 样式生效逻辑
1)「主题样式」与「组件样式」,存在部分相同设置项,例如控件图标、控件高亮等。
相同设置项,可单独修改「组件样式」,此时「主题样式」不变,组件按照「组件样式」生效。
但若修改「主题样式」,「组件样式」会跟随主题样式修改。如下图所示:
2)「组件样式」仅在新建可视化看板时应用于模板,创建模板后再「切换主题样式」,仅应用新的「主题样式」。
3)复制粘贴不同样式模板中的组件,不受当前模板样式影响,需在「切换主题样式」中重新选择主题并切换。
5. 注意事项
部分组件暂时不支持配置样式,但在深浅主题下会区分显示。例如:
表格工具栏开放「工具栏背景」和「按钮风格」设置,详情可参见 FVS表格工具栏应用 。
设计器满足 11.0.26 及之后版本,表格内容文本颜色区分深/浅主题,显示为白色/黑色,之前版本中始终为白色。
Tab组件的默认样式选择「联排样式」时,Tab 栏按钮可跟随主题样式显示。
控件下拉面板的背景区分深浅主题,文字选中效果跟随主题样式显示。
查询面板中的控件仅「主题样式」生效。