概述
大屏数据配置在可视化大屏设计中具备重要的位置,通过数据配置它能够为组件进步数据的可读性和可视化成果,更加易于了解和应用,从而更好地反对决策和治理。
性能阐明
在本零碎中数据配置次要分为两类:静态数据和动态数据。
- 静态数据:即用于疾速构建 Demo 应用,通过简略的配置 Json 数据,导入组件即可应用。
-
动态数据:则是通过调用零碎接口,查问最新的数据或实时读取设施的数据。
静态数据
静态数据 - 图表数据动态
操作步骤:
- 任意拖动一个图表组件【折线图动画】到工作区;【其余图表操作一样】
- 单击图表主动选中;
- 进入右侧 配置区域 ;单击 数据 , 申请形式 抉择 静态数据;
- 在数据内容处;单击“下载”按钮,即可将图表的模板数据下载到本地;
- 通过批改模板数据,批改成您想要表白的数据;批改实现之后,在数据内容处,单击“导入”按钮;
- 导入实现。
动态数据
动态数据 - 图表数据动静
操作步骤:
- 任意拖动一个图表组件【折线图动画】到工作区;【其余图表操作一样】
- 单击图表主动选中;
- 进入右侧 配置区域 ;单击 数据 , 申请形式 抉择 动态数据 ; 接口方式 抉择 公共接口;
- 单击公共接口下方的“编辑配置”;
- 在弹出的申请配置框中,公共接口抉择“_GET/ 零碎默认_获取设施属性历史数据(脚本适宜折线图)_”;
- 在 Params 参数设置中,依照您的状况,填写参数;
- 抉择产品,抉择组织,抉择设施,抉择属性以及日期等
- 参数设置实现,单击“保留 & 发送申请”;则可看到申请返回的数据。
动态数据 - 文本信息数据动静【实时属性值展现】
操作步骤:
- 任意拖动一个信息组件【自定义文字】到工作区;
- 单击【文字】主动选中;
- 进入右侧 配置区域 ;单击 数据 , 申请形式 抉择 动态数据 ; 接口方式 抉择 公共接口;
- 单击公共接口下方的“编辑配置”;
- 在弹出的申请配置框中,公共接口抉择“Websocket/ 零碎默认_实时单属性值(适宜自定义文字)”;
- 在 Params 参数设置中,依照您的状况,填写参数;
- 抉择产品,抉择组织,抉择设施以及抉择属性
- 参数设置实现,单击“保留 & 发送申请”;则可看到申请返回的数据。
文章起源(首发地址):ThingsKit 物联网平台