1. 概述

本文将依次介绍每个控件类组件的配置方式。

2. 详细说明

选项卡

选项卡的入口如下图所示。

控件 - 图1

选项卡的典型应用场景,是通过选项卡的切换来控制其他组件的展示状态。详情可参考章节“快速入门->组件的配置->组件的交互配置”中“选项卡控制柱图/饼图展示切换”的例子。

可以直接修改静态JSON数据来调整选项卡的数据项。

控件 - 图2

也可以通过API或者数据模型,接入一个维度字段,读取数据项展示。

控件 - 图3

矩形卡片

矩形卡片的入口如下图所示。

控件 - 图4

矩形卡片通常可以作为一些图表的背景装饰。在样式面板,可以设置矩形卡片的标题、背景、边框、圆角等样式。

控件 - 图5

文字

文字组件的入口如下图所示。

控件 - 图6

可以直接修改静态JSON来设置要展示的文字内容。

控件 - 图7

也可以通过API或者数据模型,拖入一个文本字段来展示。

控件 - 图8

可以在样式面板修改文字的样式。

控件 - 图9

滚动文字

滚动文字的入口如下图所示。

控件 - 图10

滚动文字的设置项同文字组件基本类似。在文字组件的基础上,滚动文字支持设置文字的横向滚动效果。通常适合循环轮播显示一段较长的文字内容过。

控件 - 图11

图片

图片组件的入口如下图所示。

控件 - 图12

可以在静态数据中设置图片的URL地址。

控件 - 图13

也可以通过API或者数据模型,拖入一个含有图片URL地址的字段。 或者直接上传本地的图片文件。

控件 - 图14

网页iframe

网页iframe组件的入口如下图所示。

控件 - 图15

可以在大屏中嵌入一个网页。

控件 - 图16

视频流

视频流组件的入口如下图所示。

控件 - 图17

视频流组件的典型应用场景,是接入监控摄像头拍摄到的实时视频流。支持HTTP-FLV跟HLS两种协议。

控件 - 图18

多行文本

多行文本组件的入口如下图所示。

控件 - 图19

相比于文字组件,多行文本适合于展示较长的文字段落。

控件 - 图20

同时,多行文本还支持设置纵向的文字滚动轮播。

控件 - 图21

轮播图

轮播图组件的入口如下图所示。

控件 - 图22

可以上传多张图片,并设置自动轮播。

控件 - 图23