# 看板属性

# 基础主题

设置默认主题,目前看板提供两种基本主题:默认浅色默认深色

  • 默认浅色模式下,默认背景色为白色,字体颜色为黑色。

    全局样式

  • 默认深色模式下,默认背景色为黑色,字体颜色为白色

    全局样式

# 页面

设置页面通用属性

全局样式

  • 主题色:设置当前页面的主题色(主要作用于明细表分页、卡片 loading、按钮选中样式、滑块颜色、日期选择器等)。

  • 背景:可设置页面背景颜色、背景图片、背景重复方式、背景图片尺寸等。

    • 点击选择图片可以打开图片资源库,选择已上传的图片作为背景图片。
    • 输入框内可填写图片 url 地址来设定背景图片。
  • 内容:设置页面的尺寸

    • 自适应:默认画板区域 100%宽度。

    • 定宽:选择定宽后,在其后输入框内输入需要设置的宽度,则页面会采用此宽度。

  • 内边距:设置页面内边距(即组件距离页面边缘的最小距离)。

    • 单值:统一设置页面内边距的上下左右为此值

    • 多值:按照上、右、下、左的顺序依次设置页面的内边距

  • 间距:设置组件与组件之间的最小距离。

  • 文本:可设置页面内文字的颜色、大小以及加粗程度(400 为正常,小于 400 为变细,大于 400 为加粗,数值越大越粗)。

# 卡片

未选中组件时,设置卡片即为设置全局卡片的通用属性;选中组件后,设置卡片即为设置选中卡片的卡片属性。展示效果先取自身属性,再取通用属性。

全局样式

  • 背景:可设置卡片背景颜色、背景图片、背景重复方式、背景图片尺寸等。

    • 点击选择图片可以打开图片资源库,选择已上传的图片作为背景图片。
    • 输入框内可填写图片 url 地址来设定背景图片。
  • 边框:可设置卡片边框的颜色、样式(实心线、点状线、虚线)和边框宽度。

  • 圆角:设置卡片四个角的圆角大小。

    • 单值:统一设置页面卡片的四个角圆角数值。

    • 多值:按照左上、右上、右下、左下的顺序依次设置卡片的圆角数值。

  • 阴影:设置卡片的阴影。

    • 显示:显示卡片阴影。

    • 悬浮:鼠标停留在卡片上时显示卡片阴影。

    • :不显示卡片阴影。

    # 卡片头部

    可单独设置卡片头部样式。

    全局样式

    • 配置

      • 显示:是否显示卡片头部,勾选则显示,取消勾选则不显示。
      • 分割线:是否显示卡片头部与内容之间的分割线,勾选则显示,取消勾选则不显示。
    • 标题

      • 显示:是否显示卡片标题,勾选则显示,取消勾选则不显示。
    • 文本:可设置卡片头部文字的颜色、大小以及加粗程度(400 为正常,小于 400 为变细,大于 400 为加粗,数值越大越粗)。

    • 背景:可设置卡片头部背景颜色、背景图片、背景重复方式、背景图片尺寸等。

      • 点击选择图片可以打开图片资源库,选择已上传的图片作为背景图片。
      • 输入框内可填写图片 url 地址来设定背景图片。
    • 边距:设置卡片头部内边距。

      • 单值:统一设置卡片头部内边距的上下左右值。

      • 多值:按照上、右、下、左的顺序依次设置卡片头部的内边距。

    # 卡片内容

    可单独设置卡片内容样式。

    全局样式

    • 背景:可设置卡片内容背景颜色、背景图片、背景重复方式、背景图片尺寸等。

      • 点击选择图片可以打开图片资源库,选择已上传的图片作为背景图片。
      • 输入框内可填写图片 url 地址来设定背景图片。
    • 边距:设置卡片内容内边距。

      • 单值:统一设置卡片内容内边距的上下左右值。

      • 多值:按照上、右、下、左的顺序依次设置卡片内容的内边距。

    # 卡片操作

    可单独设置卡片操作区(底部)样式。

    全局样式

    • 配置

      • 垂直:卡片按钮排列方式,勾选则按钮垂直排布,取消勾选则水平排序。

      • 分割线:是否显示卡片内容与操作区之间的分割线,勾选则显示,取消勾选则不显示。

    • 对齐:操作区按钮对齐方式,从左到右依次为(左对齐中部对齐右对齐)。点击选中对齐方式,再次点击选中值则取消选中。

# 组件

画布中未选中组件时,设置组件即为设置全局组件的通用属性;选中组件后,设置组件即为设置选中卡片的组件属性。展示效果先取自身属性,再取通用属性。

全局样式

  • 标签

    • 显示:是否显示组件文字标签,勾选则显示,取消勾选则不显示。
    • 文本框:设置组件文字标签的宽度,为 0 则不显示,不为 0 则设置最小宽度为 14px(一个文字的默认宽度)。
  • 对齐:组件文字标签的对齐方式,从左到右依次为(左对齐顶部对齐右对齐)。点击选中对齐方式,再次点击选中值则取消选中。

  • 文本:可设置组件标签文字的颜色、大小以及加粗程度(400 为正常,小于 400 为变细,大于 400 为加粗,数值越大越粗)。

# 图表

画布中未选中图表时,设置图表即为设置全局图表的通用配置;选中图表后,设置图表即为设置选中卡片的图表配置。展示效果先取自身配置,再取通用配置。

图表配置

  • 颜色模板

    • 模板分类:可在平均分区数值连续两个类型中切换

    • 模板选择:平均分区时,该列表的选项为色块拼接;数值连续时,该列表的选项为单色的渐变过度。

  • 背景:设置当前卡片画布区域的背景颜色。

  • 字体:设置当前卡片文字的字体。

  • 数据标签:设置数据标签的文字颜色与字号大小(当卡片存在标签映射时,该配置生效)。

  • 提示信息:设置提示信息的文字颜色与字号大小(悬浮在卡片上时的 tooltip)。

# 轴线设置

  • 网格线:设置网格线的颜色、线条类型和线条宽度。

  • 配置方式:可在统一配置单独配置两个方式中切换。

  • 轴线统一配置时,统一设置轴线的颜色、线条类型和线条宽度;单独配置时,可单独设置 X 轴或者 Y 轴的颜色、线条类型和线条宽度。

  • 轴标签统一配置时,统一设置轴标签的颜色、字号大小和字体粗细;单独配置时,可单独设置 X 轴标签或者 Y 轴标签的颜色、字号大小和字体粗细。

# 表格

画布中未选中表格时,设置表格即为设置全局表格的通用配置;选中表格后,设置表格即为设置选中卡片的表格配置。展示效果先取自身配置,再取通用配置。

表格配置

  • 主题:可以在主题1主题2主题3三种主题中切换。

  • 主题颜色:配合主题使用,设置主题的主色调。当如色调设置为蓝色后,主题的三种表现形式如下:

  • 允许调整

    • 宽度调整:勾选后允许调整表格宽度。

    • 高度调整:勾选后允许调整表格高度。

  • 冻结行列:设置冻结的表格行数与列数,冻结后设置的前 N 行与前 N 列固定,不再随滚动条滚动。

  • 自动换行:开启后如果表格栏内的文字过长,会进行换行展示。

  • 宽度模式:可在标准自适应自动三种模式中切换。

  • 高度模式:可在标准自适应自动三种模式中切换。

  • 默认宽高:在标准模式下,可以设置表格栏的默认宽度默认高度

# 边框设置

边框设置

  • 边框:设置边框颜色、线条类型和线条宽度。

  • 圆角度:设置边框的圆角大小。

  • 阴影:设置阴影的颜色、模糊半径、水平便宜和垂直偏移。

# 列表头设置

列表头设置

  • 背景颜色:设置列表头背景色。

  • 字体:设置列表头字体颜色、字体、字号、粗细。

  • 边框:设置列表头边框线的颜色、线条类型和线条宽度。

  • 间距:设置列表头栏的内部间距。

  • 悬浮颜色:设置列表头在被鼠标悬浮时的颜色。

# 表身设置

列表头设置配置项相同,作用于表身。

表身设置

# 标题设置

仅透视表有此配置,当选中的表格为明细表时,表格配置中无此选项。

标题设置

  • 标题

    • 显示:勾选后出现标题内容输入框,输入框内输入标题文本。

    • 位置:设置标题相对于表格的位置,从左到右依次为表格上侧表格左侧表格下侧表格右侧

    • 对齐:设置标题的对齐方式,从左到右依次为左对齐中间对齐右对齐

    • 间距:设置标题的间距。

    • 副标题:可以设置副标题得文本、颜色、字号与字体。

    • 副标对齐:设置副标题的对齐方式,与标题对齐设置同理。

# 行表头设置

列表头设置配置项相同,作用于行表头。仅透视表有此配置,当选中的表格为明细表时,表格配置中无此选项。

行表头设置

# 角表头设置

列表头设置配置项相同,作用于角表头。仅透视表有此配置,当选中的表格为明细表时,表格配置中无此选项。

角表头设置

# 操作

选中分析卡片之后,右侧配置栏中会出现操作设置,可以用来为卡片添加操作按钮。

全局样式

当未添加任何按钮时,此处只有一个添加操作按钮,点击添加后,即出现上图所示设置,同时分析卡片底部出现操作区。点击按钮名称后的+可继续添加按钮。

  • 名称:设置按钮名称。

  • 位置:按钮默认展示在卡片底部操作区,勾选显示到头部,则按钮位置会移动到卡片头部展示。

  • 尺寸:设置按钮尺寸,默认为,可选值为(超小超大)。

其余配置与按钮相同,详见按钮

# 缩略图

当看板进行保存操作时,如果当前看板未设置缩略图,则会以当前看板的组件排布为模版进行缩略图的截取。

缩略图设置支持以下两种方式:

  • 1、点击右上角相机按钮可以实时截取当前看板组件排布来作为缩略图。

  • 2、鼠标悬浮在缩略图展示区域时,该区域上层会显示出上传封面的按钮,点击即可在打开的素材库中为当前看板设置缩略图。

缩略图

Last Updated: 9/26/2024, 2:03:07 PM