样式
1. 样式简介
样式主要是涉及报告的视觉效果的一些设定。
1.1 页面样式与组件样式
从页面角度看样式应用的优先级:
全局页面样式
当前页面样式的影响范围是全局,但是应用的优先级最低。
全局设定改变的那一刻,会影响所有页面的组件样式。在有更高优先级样式设置时,全局页面样式会被覆盖。当前页面样式
当前页面样式的影响范围是当前页,应用的优先级为中等。
当前页面设定改变的那一刻,会影响当前页面的组件样式。在有更高优先级样式设置时,当前页面样式会被覆盖。当前组件样式 当前组件样式的影响范围仅仅是对应的组件,应用的优先级为最高。
设定类型 | 有效范围 | 优先级 |
---|---|---|
全局页面设置 | 全局,整个报告 | 低 |
当前页面设置 | 当前页面 | 中 |
组件设置 | 被设定的组件 | 高 |
1.2 全局组件与当前组件设置
从组件角度看样式应用的优先级:
全局组件设置
全局组件设置的影响范围是整个报告,但是应用的优先级最低。
在具体组件也有设定时,全局组件设置会被具体组件设置覆盖。当前组件设置
当前组件设置的影响范围是当前选中的组件,应用优先级高。
设定类型 | 有效范围 | 优先级 |
---|---|---|
全局组件 | 全局,整个报告 | 低 |
组件组件 | 当前组件 | 高 |
提示:1.1 与 1.2 中都有不同层次的设置,都涉及到组件设置,但是两者牵扯到的具体设置是不一样的。
2. 单颜色
单颜色是相对于主题概念而定义的。单颜色是一个颜色,主题是多个颜色构成的一组颜色。
单颜色主要应用在字体设置,颜色设置,背景设置,边框设置等。
单颜色目前支持三个类别:
- 纯色
- 线性渐变色
- 径向渐变色
3. 字体
字体设置主要是选中字体的种类,字体的颜色,和字体的大小。
4. 背景
背景可以是颜色,可以是图片。上面介绍了颜色设置方法,这里主要介绍图片的设置。
4.1 背景图片
背景图片有多种填充模式,可按照实际情况选用。
图片模式 | 特点 | 是否会变形 |
---|---|---|
无图片 | 不显示图片 | - |
图片-正常 | 按照图片实际尺寸比率放缩填充到对应的容器中,不会超过图片原尺寸。 | 不会 |
图片-平铺 | 按照图片实际尺寸比率放缩填充到对应的容器中,可能会超过图片原尺寸(当容器尺寸比图片原尺寸大时超过) | 不会 |
图片-拉伸 | 按照容器尺寸填充到对应的容器中,填充后图片的尺寸和容器尺寸一致。 | 可能会,容器和图片宽高比率不一致时会变形 |
图片-重复 | 如果容器尺寸比图片尺寸大时,图片往水平和垂直方向重复填充,充满容器。 | 不会 |
图片-水平重复 | 如果容器宽度比图片宽度大时,图片往水平方向重复填充。 | 不会 |
图片-垂直重复 | 如果容器高度比图片高度大时,图片往垂直方向重复填充。 | 不会 |