Skip to content
本页目录

 

ThingsKit物联网平台

开箱即用的物联网低代码平台

数据看板

租户自定义创建看板检测动效。

新增看板

  • 点击「可视化管理」->「看板管理」->「创建看板」。

image-20230509175625138

  • 填入看板信息,确认新增。

image-20230509180115193

image-20230509180133776

  • 点击看板进入,进行创建组件。

image-20230509180148903

  • 点击确认创建,可视化配置为默认。

image-20230509180329148

  • 也可以自行选择可视化配置。

image-20230509180341892

  • 创建成功,重命名和属性重命名生效,设备数据生效。

image-20230509180402095

  • 点击组件趋势图标,对所属设备进行属性数据筛选,和数据聚合功能的使用。

image-20230509180441673

image-20230509180503009

image-20230509180522045

编辑

  • 选择编辑组件,修改基础配置和可视化配置,图二箭头所指可以设置附加功能。

image-20230510155722485

image-20230510155748393

image-20230510155800543

删除

  • 点击删除组件删除不需要的组件。

image-20230510155823832

复制组件

  • 选择复制相同的组件。

image-20230510155841055

分享看板

  • 点击分享按钮。

image-20230510155908249

image-20230510155940925

看板从私有看板变为公共看板,并且点击分享按钮,在浏览器打开此界面。

image-20230510160040668

  • 设备如果是设置为公开的话可以看见组件数据,如果不是,则无法显示数据。

image-20230506174010608

组态中心

  • 租户自定义监测设备设施和数据动效。

新增

  • 点击「可视化管理」->「组态中心」->「新增组态」。

image-20230510163625298

  • 填写组态相关信息(选择PC端或者移动端)。

image-20230510163657145

  • 新增组态成功,界面显示数据。

image-20230510163817295

分享

  • 点击分享按钮,,公开视图拥有一个公开的 URL,任何人无需登录即可浏览.

image-20230510164020875

image-20230510164111423

  • 复制分享连接,打开网页,粘贴进行浏览。

image-20230510164152768

编辑

  • 点击编辑按钮,进行修改,完成点击确认。

image-20230510163831400

删除

  • 删除组态中心所选择数据,点击确认,界面组态已被删除。

image-20230510163844865

设计

  • 点击设计按钮,会跳转到组态设计界面,自定义进行设计。

image-20230510163859052

image-20220902163228607

  • 从左边选择设计图形(图片,视频,图表,配件....),拉入白色页面,点击图形来进行数据绑定,点击右边数据绑定--数据源(选择组织和绑定设备),数据交互,数据动效,图表的展示类型,视频的视频流,来监测设备数据,动效和查看配置的视频,点击保存,退出页面,切回平台。

image-20220817113957482

  • 列:选择变量,图片,然后选择右边数据绑定中所需配置的数据交互和数据动效,选择需要的设备来监测,达到所想展示的数据效果,点击保存。

image-20220817114020685

image-20220817114033043

image-20220817114050260

  • 然后界面勾选刚刚配置的设备变量值图片,保存。

image-20220817114113223

  • 把变量设置为跟图片一样的设备,方便在预览时清除看到设备具体数据,便于跟踪。

image-20220817114256270

  • 最后在点击组态界面的保存,大功告成。

image-20220817114406120

预览

  • 组态设计完成后,回到页面,点击预览,可以看见设备数据绑定和设备数据图片而产生的效果。

image-20230510164231924

image-20220817114516143

大屏设计器

新增

  • 点击「可视化管理」->「大屏设计器」->「新增大屏」。

image-20230511150653512

  • 新增填入大屏相关信息。

image-20230511150719853

  • 新增成功。

image-20230511150738771

设计大屏

  • 点击设计。

image-20230511150800731

  • 进入设计大屏界面。

image-20230506111219958

  • 设计自定义大屏,点击左边保存按钮,保存成功。

image-20230511150947558

预览

  • 此时界面缩略图会显示出来,双击会跳转到预览,或手动点击预览。

image-20230511151025343

image-20230511151040257

分享

  • 大屏设计好后,点击分享按钮。

image-20230511151107377

  • 点击公开按钮,选择公开,并可以设置访问凭证。

image-20230511151418612

image-20230511151447537

  • 此时该大屏分享连接可点击,点击复制,在浏览器粘贴该地址,便可进行预览。

image-20230511151826292

image-20230511151847056

发布

  • 点击大屏发布后,设计,编辑,删除按钮就不可使用,取消发布即可正常使用。

image-20230511152130583

编辑

  • 修改此大屏设计器相关信息。

image-20230511152147764

image-20230511152206658

删除

image-20230511152222926

公共接口管理

  • 大屏数据呈现接口。

image-20230511152238370

  • 新增公共接口。

image-20230511152308281

image-20230511152523752

  • 测试接口示例:获取设备物模型。

image-20230511152757580

  • 点击执行测试请求,结果显示:

image-20230511152827169

  • 公共接口可以单发布,也可以批量发布。(发布了的接口在设计大屏里面可以使用,未发布的不可以使用)

image-20230511153106078

  • 再次点击设计大屏,进入设计界面,选择一个组件,选择数据就可以使用公共接口了。

image-20230506151821940

  • 发布了的公共接口才可以选择。

image-20230511154517025

  • 选择接口,并选择参数填入,保存并发送。

image-20230511154557040

image-20230511154613672