FVS颜色板

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

1.1 版本

1.2 应用场景

在 FVS 可视化看板中设计模板时，经常会修改颜色属性，比如给组件添加背景色，修改字体颜色，修改图表的系列色等。

这里就会用到颜色板功能，颜色功能板打开后默认显示主题色、标准色、最近使用的颜色，用户可以选用。

如果默认的颜色不能满足需求，也可以点击更多颜色，自定义取色。可以更加灵活地调整颜色属性，满足各种设计需求。如下图所示：

在 FVS 可视化看板中，与 FineReport 普通报表一致的图表、表格中的部分颜色板沿用 「设计器颜色面板 」，其余组件均使用「FVS颜色板」。

具体组件使用的颜色板如下表所示：

颜色板中默认展示：「主题配色」、「标准色」、「历史/最近使用」，以及「更多颜色」。

注：V3.2.0 之前版本，FVS 颜色板仅支持选择自定义颜色和标准色。

3.1 主题配色

颜色板中的主题配色是动态的，会根据 主题样式 进行变化。

主题配色分为「基础色」和「扩展色」：

• 基础色：跟随主题样式切换，依次为背景颜色、文字颜色、组合色1、组合色2...

• 扩展色：基础色的深浅扩展颜色。

图表组件中的「组件样式」设置、其他组件的「内容样式」或「组件样式」设置，若选择了「主题配色」中的颜色，切换主题样式后，主题配色跟随主题样式变化。如下图所示：

注：图表组件的「内容样式」设置、控件组件不支持上述变化。若选择了主题配色，切换主题样式后，变为主题样式中设置的默认色。

3.1.1 使用建议

为模板配置了主题样式后，如果需要修改组件的配色，可直接使用主题配色中的颜色进行快速调整，从而迅速适配模板的整体风格。

1）主题配色的第一列通常为「背景颜色」，适合用于看板整体背景、图片组件背景等。

2）主题配色的第二列一般作为「文字颜色」，适用于标题、时间控件等。

比如，第一行可设为一级标题颜色，第二行设为二级标题颜色，以区分不同层级的文字信息，增强信息的可读性。

3）其余列的组合色，用户可根据实际需求灵活设置。这些组合色可用于按钮边框等等，为看板增添丰富的视觉层次。

3.1.2 示例

当模板使用主题配色进行样式设置后，切换主题样式时，看板的颜色会随之改变，且整体依然保持和谐美观。用户无需重新调整颜色搭配，就能轻松切换看板风格。

以「人均效能看板」模板为例，如下图所示：

点击下载模板：人均效能看板.fvs

3.2 标准色

固定的标准颜色，不跟随主题样式变化。若使用标准色作为背景颜色，在切换主题样式后，颜色不会动态改变。

注：为保证看板整体色彩风格的一致性，建议在修改「其他」控件配色时，优先从主题配色中选取颜色。

3.3 历史

仅记录在「更多颜色」中自定义取色、吸管取色的颜色。

3.4 更多颜色

• 支持鼠标点击颜色板直接取色：取色后下方色号位置也会显示对应数值。

• 支持输入颜色值取数：取色模式支持 16 进制颜色码、 RGBA，输入后即可取色，同时色板上也会显示颜色。

• 支持通过取色器取色：点击取色器，鼠标移动到想要取色的位置，点击即可取色。取色后，色号位置也会显示对应数值，同时色板上也会显示颜色。

注1：V3.2.0 之前版本不支持通过取色器取色。

注2：远程设计环境下需要在安全的访问下使用取色器取色。

注3：不建议在多分屏场景下使用取色器取色。