数据类组件包含数据切换组件、时间轴组件等;点击左侧边栏中的“组件”,在“数据”分类下选择希望添加的组件,通过拖拽的方式即可添加到大屏中:
数据切换组件
数据切换组件可以关联多份数据并在数据间进行切换。在数据切换组件绑定图表、文本列表等类型组件后,绑定的组件会根据当前数据而变化,从而呈现多维度数据。
数据切换组件的配置项如下:
- 名称:数据切换组件的名称
- 数据项:数据切换组件的数据源,可添加多个数据源,但每个数据源返回内容格式需保持一致
- 文本:数据切换组件的文本格式
- 字体大小:数据切换组件中文本的字体大小,默认为 15 像素
- 字体颜色:数据切换组件中文本的字体颜色,默认为白色
- 选择框:数据切换组件的选择框样式:
- 最大高度:选择框下拉项的最大高度
- 圆角半径:选择框的圆角半径
- 边框颜色:选择框的边框颜色
- 背景颜色:选择框的背景颜色
时间轴(段)组件
时间轴组件可分为按时间段的时间轴与特点时间点的时间轴。时间轴(段)组件配合时序数据,可以控制展示的数据范围,适合历史数据回放等场景。
时间轴(段)组件的配置项如下:
- 名称:时间轴(段)组件的名称
- 关联数据:时间轴(段)组件的数据源,限定数据类型为时序数据
- 轴标签:时间轴(段)的标签样式:
- 格式:时间的显示格式
- 字体:时间轴标签的字体系列,默认为微软雅黑
- 字体大小:时间轴标签的字体大小,默认为 12 像素
- 字体颜色:时间轴标签的字体颜色,默认为白色
- 字体粗细:时间轴标签的字体粗细设置,包括纤细、标准、加粗等
- 字体行高:每行文本的高度设置,单位为像素
- 颜色:时间轴(段)组件的颜色
- 背景颜色:时间轴(段)组件的背景色
- 边框颜色:时间轴(段)组件的边框色
- 填充颜色:时间轴(段)组件的填充颜色
时间轴(点)组件
时间轴(点)组件配合时序数据,可以展示特点时间节点的数据。
时间轴(点)组件的配置项如下:
- 名称:时间轴(点)组件的名称
- 类型:包括时间段与自定义
- 关联数据:时间轴(点)组件的数据源,限定数据类型为时序数据
- 轴标签:时间轴(点)的标签样式:
- 格式:时间的显示格式
- 字体:时间轴标签的字体系列,默认为微软雅黑
- 字体大小:时间轴标签的字体大小,默认为 12 像素
- 字体颜色:时间轴标签的字体颜色,默认为白色
- 字体粗细:时间轴标签的字体粗细设置,包括纤细、标准、加粗等
- 字体行高:每行文本的高度设置,单位为像素
- 轴:时间轴的样式:
- 颜色:时间轴的颜色
- 宽度:时间轴的宽度
- 高亮颜色:时间轴高亮时的颜色
- 线类型:时间轴的线条类型,包括实线、虚线、点线
- 播放:时间轴(点)组件的播放设置
- 控制按钮:是否在时间轴两端显示播放、前进、后退等控制按钮
- 自动播放:是否开启自动播放功能
- 间隔:开启自动播放功能的播放间隔
- 显示:是否显示时间轴(点)组件
- 尺寸:时间轴组件的尺寸,单位为像素