更新时间:2024-11-04 GMT+08:00
分享

文本编辑

文本编辑是文本组件的一种,用于显示多行文本,可对接数据集并设置交互。

在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域,如图1

图1 文本编辑
图2 边距样式说明

卡片

卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。

图3 卡片
  • 背景
    • 背景色:设置组件卡片的背景颜色。
    • 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。
    • 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
    • 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
  • 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
  • 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。

配置

在配置中,设置组件的文本、段落和文本滚动方向。

图4 配置
  • 文本设置
    • 文本内容:请输入文本内容,您也可以从后台数据中获取文本内容,详情请参见从数据中获取文本内容
    • 字体:设置文本字体、大小和颜色等。
    • 文本装饰:为文本添加下划线、删除线和上划线。
  • 段落设置
    • 内容对齐方式:文本内容为多行时,支持居中、左对齐、右对齐和两端对齐。
    • 文本位置:文本内容为一行时,支持居中、左对齐和右对齐。
    • 行高:设置行高。
    • 文字间距:设置文字之间的间距。
    • 首行缩进:文本首行是否缩进,设置为0,表示不缩进。
  • 文本滚动
    • 滚动显示:文本是否滚动显示。
    • 滚动方式:设置文本滚动方式,支持向上滚动、向下滚动、向左滚动和向右滚动。
    • 滚动速度:设置文本滚动速度。
  • 问号提示
    • 问号提示:是否显示问号提示。
    • 提示文本:输入问号提示的文本内容。
    • 问号大小:设置问号的大小。
    • 问号颜色:设置问号的背景颜色。
    • 气泡位置:设置提示气泡的显示位置,如右上方、正上方。
    • 提示背景:设置提示气泡的背景颜色。
  • 新增条件格式:单击“新增条件格式”,可设置条件和响应数据列的样式。如何新增条件格式,请参见新增条件格式

数据

在数据中,设置文本编辑组件的数据来源,更多介绍请参见数据接入

交互

在交互中,配置文本编辑与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置

从数据中获取文本内容

  1. 在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域。
  2. 选中文本编辑组件,单击组件上方的,设置文本编辑组件数据。

    图5 设置组件数据

  3. 选中文本编辑组件,单击组件上方的,设置组件显示的内容。

    图6 获取数据中的内容作为文本内容

    其中,“{0}”为转义字符,只支持“{0}”“\\{0}”两种类型的转义字符。转义字符中的数字“0”为文本编辑组件数据中二维数组的位置,其对应关系如图7所示。如果全部设置为“{0}”,则全部显示第一个数据,如图8

    图7 转义符和二位数组对应关系(一)
    图8 全部显示第一个数据

新增条件格式

  1. 在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域。
  2. 选中文本编辑组件,单击组件上方的,设置文本编辑组件数据。

    图9 设置组件数据

  3. 选中文本编辑组件,单击组件上方的,设置组件显示的内容。

    图10 设置文本编辑组件显示内容

  4. 单击“新增条件格式”,设置条件和响应数据列的样式。

    如下图所示,该设置表示文本编辑满足设置的条件(组件数据中,第一个数据大于5)时,显示为红色,否则显示为正常颜色。

    图11 新增条件格式

    其中,“{0}”为转义字符,只支持“{0}”“\\{0}”两种类型的转义字符。转义字符中的数字“0”为文本编辑组件数据中二维数组的位置,其对应关系如图12所示。

    图12 转义符和二位数组对应关系(二)

相关文档