基础
标题
标题是基础组件的一种,支持自定义标题的内容、样式(支持文字渐变)、超链接等,常用于展示可视化应用中各个模块的标题。
预览:
配置
数据
示例数据如下:
[
{
"value": "我是标题名称",
"url": ""
}
]
字段 | 说明 |
---|---|
value | (可选)标题的内容,存在时会覆盖配置中的标题名;为空时,会读取配置中的标题名进行显示。 |
url | (可选)点击标题后跳转的超链接地址,存在时会覆盖超链接配置项的URL。 |
交互
动作 | 说明 |
---|---|
请求数据 | 重新请求服务端数据,上游组件抛出的config参数和options参数,其中config参数将作为请求参数,和当前请求参数项合并;options参数在导入数据之前会和当前options参数合并,达到动态更改请求参数和配置的效果。 |
导入数据 | 按组件接入数据格式处理数据后,导入组件,重新绘制。 |
更新组件配置 | 动态更新组件的配置。 |
显示 | 显示组件。 |
隐藏 | 隐藏组件。 |
切换显隐 | 显示/隐藏组件切换。 |
多行文本
多行文本是基础组件的一种,支持自定义文本的内容、样式(支持文字渐变),滚动配置等,常用于可视化应用中展示段落文本内容。
预览:
配置
数据
示例数据如下:
[
{
"value": "听云数据可视化大屏提供数据综合展示、应用性能监控等多种场景模板,稍加修改就能够直接服务于您的可视化需求。通过拖拽即可实现灵活的可视化布局,在模板的基础上任何人都能够发挥创意,实现您自己的可视化应用。支持API、数据库、CSV、静态JSON等多种数据来源,且能够动态轮询。能够实现多个数据源汇聚于一个可视化界面中"
}
]
字段 | 说明 |
---|---|
value | (可选)段落内容,存在时会覆盖配置中的段落内容;为空时,会读取配置中的段落内容进行显示。 |
交互
动作 | 说明 |
---|---|
请求数据 | 重新请求服务端数据,上游组件抛出的config参数和options参数,其中config参数将作为请求参数,和当前请求参数项合并;options参数在导入数据之前会和当前options参数合并,达到动态更改请求参数和配置的效果。 |
导入数据 | 按组件接入数据格式处理数据后,导入组件,重新绘制。 |
更新组件配置 | 动态更新组件的配置。 |
显示 | 显示组件。 |
隐藏 | 隐藏组件。 |
切换显隐 | 显示/隐藏组件切换。 |
跑马灯
跑马灯是基础组件的一种,支持自定义文本的内容、样式(支持文字渐变),滚动配置等,能够将组件中的溢出文本以跑马灯动画的形式展示在可视化应用中。
预览:
配置
数据
示例数据如下:
[
{
"value": "听云数据可视化大屏提供数据综合展示、应用性能监控等多种场景模板,稍加修改就能够直接服务于您的可视化需求。通过拖拽即可实现灵活的可视化布局,在模板的基础上任何人都能够发挥创意,实现您自己的可视化应用。支持API、数据库、CSV、静态JSON等多种数据来源,且能够动态轮询。能够实现多个数据源汇聚于一个可视化界面中"
}
]
字段 | 说明 |
---|---|
value | (可选)跑马灯内容,存在时会覆盖配置中的内容;为空时,会读取配置中的内容进行显示。 |
交互
动作 | 说明 |
---|---|
请求数据 | 重新请求服务端数据,上游组件抛出的config参数和options参数,其中config参数将作为请求参数,和当前请求参数项合并;options参数在导入数据之前会和当前options参数合并,达到动态更改请求参数和配置的效果。 |
导入数据 | 按组件接入数据格式处理数据后,导入组件,重新绘制。 |
更新组件配置 | 动态更新组件的配置。 |
显示 | 显示组件。 |
隐藏 | 隐藏组件。 |
切换显隐 | 显示/隐藏组件切换。 |
日期时间
日期时间是基础组件的一种,支持自定义日期时间的图标样式和文本样式,能够在可视化应用中展示当前时间,帮助您合理控制可视化应用或可视化应用中某个模块的演示时间。
预览:
配置
时间器:
参数 | 说明 |
---|---|
文本样式 | 设置时间器文本的字体、字号、字体颜色和字体粗细等。支持渐变。 |
格式化 | 设置时间器文本的显示格式。默认为yyyy-MM-dd HH:mm:ss,表示“年月日时分秒”的时间格式,为24小时制的格式。如果为hh:mm:ss,表示12小时制的格式。 |
间隔时间 | 设置组件时间变化的间隔时间,单位为ms。 |
停住时间 | 此配置项可以设置时间器的时间在什么时候停住,不再发生变化。需要与格式化配置项中配置的时间格式保持一致。 |
停住显示内容 | 设置时间器的时间停住后,显示的内容,只有配置了停住时间后才会生效。需要与格式化配置项中配置的时间格式保持一致。 |
水平对齐 | 日期时间在水平方向的对齐样式,可选左对齐、水平居中和右对齐。 |
垂直对齐 | 日期时间在垂直方向的对齐样式,可选顶对齐、垂直居中和底对齐。 |
回调配置
参数 | 说明 |
---|---|
定时回调设置 | 每隔多久抛出一次回调值,单位为ms。 |
定点回调设置 | 回调值抛出的时间点,支持表示日期的字符串值。 |
数据
此组件不需要接入数据,默认使用系统当前时间。
交互
事件 | 说明 |
---|---|
定时回调事件 | 当开启后,在当前时间发生指定时间段的变化时,系统会自动抛出回调值,默认抛出time(当前时间)字段值。 |
定点回调事件 | 当开启后,当时间到设置的时间时,系统会自动抛出回调值,默认抛出time(当前时间)字段值。 |
动作 | 说明 |
更新组件配置 | 动态更新组件的配置。 |
显示 | 显示组件。 |
隐藏 | 隐藏组件。 |
切换显隐 | 显示/隐藏组件切换。 |
定时器
定时器没有内容,可以通过定时回调事件和定点回调事件和其他组件联动。
配置
数据
此组件不需要接入数据,默认使用系统当前时间。
交互
事件 | 说明 |
---|---|
定时回调事件 | 当开启后,在当前时间发生指定时间段的变化时,系统会自动抛出回调值,默认抛出time(当前时间)字段值。 |
定点回调事件 | 当开启后,当时间到设置的时间时,系统会自动抛出回调值,默认抛出time(当前时间)字段值。 |
动作 | 说明 |
更新组件配置 | 动态更新组件的配置。 |
显示 | 显示组件。 |
隐藏 | 隐藏组件。 |
切换显隐 | 显示/隐藏组件切换。 |