Tuya可视化使用指南

开发者平台功能使用,意见反馈


Post Reply
waiter
Posts: 1

背景
公司内外部存在品牌宣传、营销推广、运营监控、接待活动等众多需要使用大屏可视化的场景,如果使用定制化开发,不仅效率低,成本高,而且不易维护;在此基础上,涂鸦推出大屏可视化低代码平台,可以通过拖拽式完成图表样式和数据配置,轻松搭建酷炫的数据大屏。

产品架构图

涂鸦可视化产品架构图.drawio.png

整体流程图

涂鸦可视化使用流程图.drawio.png

快速入门

1:登录涂鸦IOT平台,选择数据-数据可视化;如未购买大屏,可以先购买或者开通体验版

企业微信截图_8b1d5148-2c58-46df-829a-f024777d0f6c.png

2:新建大屏,在当前分组中点击新建大屏,可以基于大屏模版或者空白页创建大屏,创建后跳转

企业微信截图_8d408a46-3122-4cf7-a4e5-8cdd2ea3963b.png
企业微信截图_434e08bd-41e2-4d0c-ac57-d93ff5cf2780.png

3.1:添加组件:在单个大屏编辑页面,选择添加组件到画布中,可以是图表或者装饰图,在图层列表中可以调整组件的图层

企业微信截图_1a884be2-75a7-4652-86fa-44e1616952f3.png
企业微信截图_bf2f0abe-6251-44f0-b5dc-d9ed339f39bc.png

3.2:配置数据源和样式:在单个组件中,添加组件所需的数据源,可以是静态 json数据、restapi、atop 等数据;然后根据每个组件的特性进行调整组件的样式;

企业微信截图_080571c2-b071-4858-9ac3-8280072cd022.png

4:发布大屏:配置好画布的大小和适配方式,完成大屏编辑后返回大屏列表页,选择编辑好的大屏并点击发布,系统会生成大屏的 URL,用户可以访问 URL 查看大屏

企业微信截图_3f0dcfe5-5231-441a-af99-54f175753587.png

5:打开URL查看大屏

企业微信截图_7f1f3a84-b37f-4f7d-ba35-2905d4499453.png

Tags:
Post Reply