数据类组件包含数据切换组件、时间轴系列组件等;点击左侧边栏中的“组件”,在“数据”分类下选择希望添加的组件,通过拖拽的方式即可添加到大屏中。

时间选择组件

时间选择组件专门用于与时序数据相关联,通过选择起止时间来展示某一时间范围内的数据内容。

在时间选择组件中,可通过选择开始日期和结束日期来确定日期范围。在右侧配置面板中“时间选择“开关开启的状态下,确定开始日期和结束日期后,进一步点击组件右下角的“选择时间”,可将时间范围精确至时分秒。

时间选择组件的配置项如下:

  • 关联数据:时间选择组件的数据源,限定数据类型为时序数据,支持同时关联多个时序数据
  • 时间选择:是否在日期选择的基础上进一步进行时间的选择。开启后时间选择组件可以将时间精确到时分秒,关闭后仅能精确到日期
  • 文本:时间选择组件的文本格式
  • 字体:时间选择组件的字体系列,默认为微软雅黑
  • 字体大小:时间选择组件中文本的字体大小,默认为 14 像素
  • 字体颜色:时间选择组件中文本的字体颜色,默认为黑色
  • 背景:时间选择组件的背景设置
  • 颜色:组件的背景颜色
  • 渐变:是否开启渐变效果,开启后还可选择渐变效果的方向,渐变色与组件的背景颜色相关
  • 背景图片:时间选择组件的背景图片,可直接选择大屏内置的图片素材作为背景或添加自定义的背景图片,自定义背景图片时支持通过输入图片地址和上传图片两种方式添加,您还可以设置图片重复效果
  • 尺寸:时间选择组件的尺寸

数据切换组件

数据切换组件可以关联多份数据并在数据间进行切换。在数据切换组件绑定图表、文本列表等类型组件后,绑定的组件会根据当前数据而变化,从而呈现多维度数据。

数据切换组件的配置项如下:

  • 名称:数据切换组件的名称
  • 数据项:数据切换组件的数据源,可添加多个数据源,但每个数据源返回内容格式需保持一致
  • 文本:数据切换组件的文本格式
  • 字体大小:数据切换组件中文本的字体大小,默认为 15 像素
  • 字体颜色:数据切换组件中文本的字体颜色,默认为白色
  • 选择框:数据切换组件的选择框样式:
  • 最大高度:选择框下拉项的最大高度
  • 圆角半径:选择框的圆角半径
  • 边框颜色:选择框的边框颜色
  • 背景:数据切换组件的背景设置
  • 颜色:组件的背景颜色
  • 渐变:是否开启渐变效果,开启后还可选择渐变效果的方向,渐变色与组件的背景颜色相关
  • 背景图片:组件的背景图片,可直接选择大屏内置的图片素材作为背景或添加自定义的背景图片,自定义背景图片时支持通过输入图片地址和上传图片两种方式添加,您还可以设置图片重复效果
  • 尺寸:数据切换组件的尺寸,单位为像素

数据过滤组件

数据过滤组件支持通过交互配置过滤地图、图表等组件的显示内容。比如通过数据过滤组件选中某一字段中的某一个数据项,在相应的地图、图表、文本列表组件中,该值所对应的要素或数据会高亮显示。

数据过滤组件的配置项如下:

  • 数据来源:数据过滤组件的数据源
  • 字段:数据过滤组件数据源中需要过滤显示的字段
  • 文本:数据过滤组件的文本格式
  • 字体大小:数据过滤组件中文本的字体大小,默认为 15 像素
  • 字体颜色:数据过滤组件中文本的字体颜色,默认为白色
  • 选择框:数据过滤组件的选择框样式
  • 最大高度:选择框下拉项的最大高度
  • 圆角半径:选择框的圆角半径
  • 边框颜色:选择框的边框颜色
  • 背景:数据过滤组件的背景设置
  • 颜色:组件的背景颜色
  • 渐变:是否开启渐变效果,开启后还可选择渐变效果的方向,渐变色与组件的背景颜色相关
  • 背景图片:数据过滤组件的背景图片,可直接选择大屏内置的图片素材作为背景或添加自定义的背景图片,自定义背景图片时支持通过输入图片地址和上传图片两种方式添加,您还可以设置图片重复效果
  • 尺寸:数据过滤组件的尺寸

时间轴(段)组件

时间轴(段)组件配合时序数据,可以控制展示的数据范围,适合历史数据回放等场景。

时间轴(段)组件的配置项如下:

  • 名称:时间轴(段)组件的名称
  • 关联数据:时间轴(段)组件的数据源,限定数据类型为时序数据
  • 轴标签:时间轴(段)的标签样式:
  • 格式:时间的显示格式
  • 字体:时间轴标签的字体系列,默认为微软雅黑
  • 字体大小:时间轴标签的字体大小,默认为 12 像素
  • 字体颜色:时间轴标签的字体颜色,默认为白色
  • 字体粗细:时间轴标签的字体粗细设置,包括纤细、标准、加粗等
  • 字体行高:每行文本的高度设置,单位为像素
  • 颜色:时间轴(段)组件的颜色
  • 背景颜色:时间轴(段)组件的背景色
  • 边框颜色:时间轴(段)组件的边框色
  • 填充颜色:时间轴(段)组件的填充颜色
  • 背景:时间轴(段)组件的背景设置
  • 颜色:组件的背景颜色
  • 渐变:是否开启渐变效果,开启后还可选择渐变效果的方向,渐变色与组件的背景颜色相关
  • 背景图片:组件的背景图片,可直接选择大屏内置的图片素材作为背景或添加自定义的背景图片,自定义背景图片时支持通过输入图片地址和上传图片两种方式添加,您还可以设置图片重复效果
  • 尺寸:时间轴组件的尺寸,单位为像素

时间轴(点)组件

时间轴(点)组件配合时序数据,可以展示特点时间节点的数据。

时间轴(点)组件的配置项如下:

  • 名称:时间轴(点)组件的名称
  • 类型:包括时序数据、时序地图、自定义数据与自定义地图
  • 关联数据:时间轴(点)组件的数据源
  • 轴标签:时间轴(点)的标签样式:
  • 格式:时间的显示格式
  • 字体:时间轴标签的字体系列,默认为微软雅黑
  • 字体大小:时间轴标签的字体大小,默认为 12 像素
  • 字体颜色:时间轴标签的字体颜色,默认为白色
  • 字体粗细:时间轴标签的字体粗细设置,包括纤细、标准、加粗等
  • 字体行高:每行文本的高度设置,单位为像素
  • 轴:时间轴的样式:
  • 颜色:时间轴的颜色
  • 宽度:时间轴的宽度
  • 高亮颜色:时间轴高亮时的颜色
  • 高亮边框颜色:时间轴高亮时的边框颜色
  • 线类型:时间轴的线条类型,包括实线、虚线、点线
  • 播放:时间轴(点)组件的播放设置
  • 控制按钮:是否在时间轴两端显示播放、前进、后退等控制按钮
  • 自动播放:是否开启自动播放功能
  • 间隔:开启自动播放功能的播放间隔
  • 显示:是否显示时间轴(点)组件
  • 背景:时间轴(点)组件的背景设置
  • 颜色:组件的背景颜色
  • 渐变:是否开启渐变效果,开启后还可选择渐变效果的方向,渐变色与组件的背景颜色相关
  • 背景图片:组件的背景图片,可直接选择大屏内置的图片素材作为背景或添加自定义的背景图片,自定义背景图片时支持通过输入图片地址和上传图片两种方式添加,您还可以设置图片重复效果
  • 尺寸:时间轴组件的尺寸,单位为像素

时间轴(条)组件

时间轴(条)组件配合时序数据,可以连续地展示数据变化过程。

时间轴(条)组件的配置项如下:

  • 名称:时间轴(条)组件的名称
  • 关联数据:时间轴(条)组件的数据源,限定数据类型为时序数据
  • 轴标签:时间轴(条)的标签样式:
  • 格式:时间的显示格式
  • 字体:时间轴标签的字体系列,默认为微软雅黑
  • 字体大小:时间轴标签的字体大小,默认为 12 像素
  • 字体颜色:时间轴标签的字体颜色,默认为白色
  • 字体粗细:时间轴标签的字体粗细设置,包括纤细、标准、加粗等
  • 字体行高:每行文本的高度设置,单位为像素
  • 轴:时间轴的样式:
  • 颜色:时间轴的颜色
  • 宽度:时间轴的宽度
  • 高亮颜色:时间轴高亮时的颜色
  • 高亮边框颜色:时间轴高亮时的边框颜色
  • 线类型:时间轴的线条类型,包括实线、虚线、点线
  • 播放:时间轴(条)组件的播放设置
  • 控制按钮:是否在时间轴两端显示播放、前进、后退等控制按钮
  • 自动播放:是否开启自动播放功能
  • 间隔:开启自动播放功能的播放间隔
  • 显示:是否显示时间轴(条)组件
  • 背景:时间轴(条)组件的背景设置
  • 颜色:组件的背景颜色
  • 渐变:是否开启渐变效果,开启后还可选择渐变效果的方向,渐变色与组件的背景颜色相关
  • 背景图片:组件的背景图片,可直接选择大屏内置的图片素材作为背景或添加自定义的背景图片,自定义背景图片时支持通过输入图片地址和上传图片两种方式添加,您还可以设置图片重复效果
  • 尺寸:时间轴组件的尺寸,单位为像素

属性面板组件

属性面板组件可用于展示部分图表、基础、数据组件中的选中要素或地图查询类组件查询结果要素中的属性字段和字段值。
地图组件中支持与属性面板联动的子组件可通过设置组件属性的方式进行联动;大屏左侧组件列表中支持与属性面板联动的组件可通过配置交互的方式进行联动。

  • 字段名称:支持配置字段名称的展示样式,配置项包括字段名称的字体大小、颜色、对齐方式、字体粗细、宽度和高度
  • 字段值:支持配置字段值的展示样式,配置项与字段名称的配置项一致 
  • 无数据时:没有数据时属性面板的显示样式。选择“空状态”,属性面板将显示空状态标识;选择”隐藏“,属性面板将不会显示任何内容,可在预览模式下查看显示效果
  • 背景:属性面板组件的背景设置 
  • 颜色:组件的背景颜色 
  • 渐变:是否开启渐变效果,开启后还可选择渐变效果的方向,渐变色与组件的背景颜色相关
  • 背景图片:组件的背景图片,可直接选择大屏内置的图片素材作为背景或添加自定义的背景图片,自定义背景图片时支持通过输入图片地址和上传图片两种方式添加,您还可以设置图片重复效果
  • 尺寸:组件的尺寸,单位为像素