最新历史版本 :[通用]背景颜色规范 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
App 版本HTML5移动端展现插件版本功能变动
11.0V11.0V11.0-

1.2 功能简介

  • 移动端支持显示自定义的背景样式

  • 规范对背景样式的定义及显示效果

2. 普通报表编辑

2.1 报表背景

普通报表支持设置 纸张背景 ,移动端支持显示。

设计器中设置纸张背景后,移动端预览时,对应显示为整个主体背景。

2.2 单元格样式

普通报表支持设置单元格样式,移动端支持显示,详情参见:单元格样式

2.3 图表样式

普通报表支持设置单元格样式,移动端支持显示,详情参见:图表样式

3. 决策报表编辑

注1:V11.5.1 版本起,设计器中取消 「新建决策报表」 入口,历史决策报表模板仍可正常编辑与访问。更推荐使用 FineVis数据可视化 ,作为专业的数据可视化工具,比决策报表制作可视化看板效率更高、效果更丰富 。

注2:移动端不支持显示参数界面的背景。

3.1 body

决策报表支持设置 body 的背景和水印,移动端支持显示。

设计器中设置 body 的背景后,移动端预览时,对应显示为整个主体背景,详情参见:body 的背景设置 。

设计器中设置 body 的水印后,移动端预览时,对应显示在主体背景上方,详情参见:body 的水印

3.2 报表块、图表

决策报表支持设置报表块、图表的样式,移动端部分支持显示

以报表块为例,功能入口如下图所示:

报表块.png

3.2.1 跟随主题

功能入口如下图所示:

报表块跟随主题.png


具体设置项及说明如下表所示:

设置项
移动端是否支持显示说明
标题样式标题可见支持

支持设置标题是否可

文本支持勾选「标题可见」时,支持设置标题文本

3.2.2 自定义

功能入口如下图所示:

报表块自定义.png

具体设置项及说明如下表所示:

设置项移动端是否支持显示说明
标题样式
标题可见支持支持设置标题是否可见
文本支持勾选「标题可见」时,支持设置标题文本
字符部分支持
  • 勾选「标题可见」时,支持设置标题字体、字号、文字颜色、倾斜、加粗、划线

  • 移动端仅支持显示字号、文字颜色、倾斜、划线

标题图案支持勾选「标题可见」时,支持自定义上传标题图案,支持设置图案相对位置、图文间隔
位置支持勾选「标题可见」时,支持设置标题位置
标题填充支持勾选「标题可见」时,支持设置标题填充为没有背景、颜色、图片、渐变色
主体内容主体填充支持支持设置主题填充为没有背景、颜色、图片、渐变色
外沿样式
渲染风格不支持-
边框支持
支持设置边框为无、自定义图片、不同线型
边框颜色支持设置边框为不同线型时,支持设置边框颜色
圆角支持支持设置圆角
内边距不支持-

3.3 Tab 块

Tab 块分为 tablayout、tabphane、Tab 三部分。

1)决策报表支持设置 tablayout 的样式,移动端部分支持显示。

2)决策报表支持设置 tabphane 的移动端样式模板,移动端支持显示。

  • tabphane 移动端样式模板为「默认」时,tabphane「属性」的「样式模板」、「显示位置」、「背景」、「字体」、「文本方向」部分支持显示,Tab「属性」的「样式」部分支持显示。

  • tabphane 移动端样式模板为「其他样式」时,tabphane 「属性」的「样式模板」、「显示位置」、「背景」、「字体」、「文本方向」不支持显示,Tab「属性」的「样式」不支持显示。

3.3.1 tablayout

决策报表支持设置 tablayout 的样式,移动端部分支持显示。

功能入口如下图所示:

tablayout.png

各设置项及说明如下表所示:

设置项
移动端是否支持显示说明
主体内容主体填充支持支持设置为没有背景、颜色、图片、渐变色
外沿样式渲染风格不支持
-
边框支持支持设置为无或不同线型
边框颜色支持支持设置边框颜色

3.3.2 tabphane

决策报表支持设置 tabphane 的移动端样式模板,移动端支持显示。

  • tabphane 移动端样式模板为「默认」时,tabphane「属性」的「样式模板」、「显示位置」、「背景」、「字体」、「文本方向」部分支持显示。

功能入口如下图所示:

tabphane.png

各设置项及说明如下表所示:

设置项
移动端是否支持显示说明
样式模板部分支持
  • 支持设置样式模板

  • 移动端仅支持显示默认样式模板,选择其他样式模板时,均显示为默认样式模板

显示位置部分支持
  • 支持设置显示位置

  • 移动端仅支持显示「上」「下」两种位置,选择「左」「右」时,均显示为「上」

背景支持

支持设置背景为没有背景、颜色、渐变色

字体部分支持
  • 支持设置字体、常规、加粗、斜体、字号、文字颜色、下划线、删除线、阴

  • 移动端仅支持显示常规、斜体、字号、文字颜色、下划线、删除线

文本方向部分支持
  • 支持设置文本方向

  • 移动端仅支持横排显示

  • tabphane 移动端样式模板为「其他样式」时,tabphane 「属性」的「样式模板」、「显示位置」、「背景」、「字体」、「文本方向」不支持显示。

3.3.3 Tab

  • tabphane 的移动端样式模板为「默认」时,Tab「属性」的「样式」部分支持显示。

功能入口如下图所示:

Tab.png

各设置项及说明如下表所示:

设置项
移动端是否支持显示说明
默认支持
选择「默认」时,Tab 样式默认显示为 tabphane 样式模板
自定义
初始背景
支持
  • 支持设置Tab 初始背

  • 移动端支持显示

鼠标浮动背景不支持-
选中背景支持
  • 支持设置Tab 选中背

  • 移动端支持显示

  • tabphane 的移动端样式模板为「其他样式」时,Tab「属性」的「样式」不支持显示。

3.4 控件

决策报表支持设置控件的移动端样式模板,移动端支持显示,详情参见:决策报表控件移动端样式

4. FVS 可视化看板编辑

4.1 模板

FVS 可视化看板支持设置模板样式,移动端支持显示,详情参见:FVS模板样式

4.2 页面

注:FVS 可视化看板的 PC 端、移动端功能配置区别,详情参见:功能配置区别 。

FVS 可视化看板移动端页面的设置根据是否开启 移动端布局,设置项略有不同,如下图所示:

821-1121.png

各设置项及说明如下表所示:

设置项
说明
名称支持设置页面名称,默认为「页面+数字」,数字从 1 开始,依次累加
页面背景支持设置页面背景为无、颜色、自定义上传
页面边距仅开启移动端布局时支持设置组件与页面的上下左右边距
组件间隙开启移动端布局时支持设置组件之间的间隙

4.3 组件

注:FVS 可视化看板的 PC 端、移动端功能配置区别,详情参见:功能配置区别 。

FVS 可视化看板支持设置移动端组件样式及组件属性,功能入口如下图所示:

FVS组件样式.png

各设置项及说明如下表所示:

设置项
说明
组件样式边框背景支持设置边框背景为无、颜色、自定义上传
边框线
  • 支持设置边框线为无或不同线

  • 支持设置边框线粗细。默认为 1 px

  • 支持设置边框线颜色

圆角半径支持设置整体或单个圆角半径
组件属性
名称支持设置组件名称
内边距
支持设置组件内部与组件整体的上下左右内边距
不透明度支持设置组件的不透明度