样式

阅读时间约 1 分钟

1. 样式简介

样式主要是涉及报告的视觉效果的一些设定。

1.1 页面样式与组件样式

从页面角度看样式应用的优先级:

  • 全局页面样式
    当前页面样式的影响范围是全局,但是应用的优先级最低。
    全局设定改变的那一刻,会影响所有页面的组件样式。在有更高优先级样式设置时,全局页面样式会被覆盖。
  • 当前页面样式
    当前页面样式的影响范围是当前页,应用的优先级为中等。
    当前页面设定改变的那一刻,会影响当前页面的组件样式。在有更高优先级样式设置时,当前页面样式会被覆盖。
  • 当前组件样式 当前组件样式的影响范围仅仅是对应的组件,应用的优先级为最高。
设定类型 有效范围 优先级
全局页面设置 全局,整个报告
当前页面设置 当前页面
组件设置 被设定的组件

1.2 全局组件与当前组件设置

从组件角度看样式应用的优先级:

  • 全局组件设置
    全局组件设置的影响范围是整个报告,但是应用的优先级最低。
    在具体组件也有设定时,全局组件设置会被具体组件设置覆盖。
  • 当前组件设置
    当前组件设置的影响范围是当前选中的组件,应用优先级高。
设定类型 有效范围 优先级
全局组件 全局,整个报告
组件组件 当前组件

提示:1.1 与 1.2 中都有不同层次的设置,都涉及到组件设置,但是两者牵扯到的具体设置是不一样的。

2. 单颜色

单颜色是相对于主题概念而定义的。单颜色是一个颜色,主题是多个颜色构成的一组颜色。
单颜色主要应用在字体设置,颜色设置,背景设置,边框设置等。

单颜色目前支持三个类别:

  • 纯色
  • 线性渐变色
  • 径向渐变色

3. 字体

字体设置主要是选中字体的种类,字体的颜色,和字体的大小。

4. 背景

背景可以是颜色,可以是图片。上面介绍了颜色设置方法,这里主要介绍图片的设置。

4.1 背景图片

背景图片有多种填充模式,可按照实际情况选用。

图片模式 特点 是否会变形
无图片 不显示图片 -
图片-正常 按照图片实际尺寸比率放缩填充到对应的容器中,不会超过图片原尺寸。 不会
图片-平铺 按照图片实际尺寸比率放缩填充到对应的容器中,可能会超过图片原尺寸(当容器尺寸比图片原尺寸大时超过) 不会
图片-拉伸 按照容器尺寸填充到对应的容器中,填充后图片的尺寸和容器尺寸一致。 可能会,容器和图片宽高比率不一致时会变形
图片-重复 如果容器尺寸比图片尺寸大时,图片往水平和垂直方向重复填充,充满容器。 不会
图片-水平重复 如果容器宽度比图片宽度大时,图片往水平方向重复填充。 不会
图片-垂直重复 如果容器高度比图片高度大时,图片往垂直方向重复填充。 不会