文本编辑
文本编辑是文本组件的一种,用于显示多行文本,可对接数据集并设置交互。
在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域,如图1。
卡片
卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
- 背景
- 背景色:设置组件卡片的背景颜色。
- 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。
- 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
- 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
- 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
- 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。
配置
在配置中,设置组件的文本、段落和文本滚动方向。
- 文本设置
- 文本内容:请输入文本内容,您也可以从后台数据中获取文本内容,详情请参见从数据中获取文本内容。
- 字体:设置文本字体、大小和颜色等。
- 文本装饰:为文本添加下划线、删除线和上划线。
- 段落设置
- 内容对齐方式:文本内容为多行时,支持居中、左对齐、右对齐和两端对齐。
- 文本位置:文本内容为一行时,支持居中、左对齐和右对齐。
- 行高:设置行高。
- 文字间距:设置文字之间的间距。
- 首行缩进:文本首行是否缩进,设置为0,表示不缩进。
- 文本滚动
- 滚动显示:文本是否滚动显示。
- 滚动方式:设置文本滚动方式,支持向上滚动、向下滚动、向左滚动和向右滚动。
- 滚动速度:设置文本滚动速度。
- 问号提示
- 问号提示:是否显示问号提示。
- 提示文本:输入问号提示的文本内容。
- 问号大小:设置问号的大小。
- 问号颜色:设置问号的背景颜色。
- 气泡位置:设置提示气泡的显示位置,如右上方、正上方。
- 提示背景:设置提示气泡的背景颜色。
- 新增条件格式:单击“新增条件格式”,可设置条件和响应数据列的样式。如何新增条件格式,请参见新增条件格式。
数据
在数据中,设置文本编辑组件的数据来源,更多介绍请参见数据接入。
交互
在交互中,配置文本编辑与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。
从数据中获取文本内容
- 在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域。
- 选中文本编辑组件,单击组件上方的,设置文本编辑组件数据。
图5 设置组件数据
- 选中文本编辑组件,单击组件上方的,设置组件显示的内容。
图6 获取数据中的内容作为文本内容
新增条件格式
- 在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域。
- 选中文本编辑组件,单击组件上方的,设置文本编辑组件数据。
图9 设置组件数据
- 选中文本编辑组件,单击组件上方的,设置组件显示的内容。
图10 设置文本编辑组件显示内容
- 单击“新增条件格式”,设置条件和响应数据列的样式。
如下图所示,该设置表示文本编辑满足设置的条件(组件数据中,第一个数据大于5)时,显示为红色,否则显示为正常颜色。
图11 新增条件格式
其中,“{0}”为转义字符,只支持“{0}”和“\\{0}”两种类型的转义字符。转义字符中的数字“0”为文本编辑组件数据中二维数组的位置,其对应关系如图12所示。