用百度SugarBI搭建灭火器检查看板

通过数据API功能将草料收集到的数据推送到百度SugarBI中,可自由应用数据,搭建自己想要的看板内容。SugarBI为百度研发的可视化工具,需额外付费购买。

草料目前已经和百度SugarBI完成了对接,通过SugarBI制作的看板支持内嵌到草料的小程序中直接跳转访问。同时SugarBI的付费版本可享受折扣优惠,原价480元/年仅需400元/年。

草料平台专属Sugar BI优惠券链接:https://cloud.baidu.com/campaign/sugar-coupon/index.html

一、案例效果

灭火器状态与巡检完成情况分析

可以查看灭火器检查已检、漏检信息,快速定位灭火器检查异常情况等,明细数据支持一键导出,便于后续整理归档。还可以按照不同日期进行筛选。查看示例

file

使用前须知

上述报表是由草料提供的 数据api功能+百度SugarBI 工具制作

1.数据api功能介绍

草料提供了官方数据库功能,草料平台中的码数据、表单数据、状态与计划数据等,会实时同步您账号对应的阿里云数据库。使用外部的BI(数据分析)工具,连接此数据库,就可以制作出各类想要的报表效果。查看官方数据库说明

api数据会根据在草料设置的功能来推送,如: 在草料后台设置了状态功能,就会推送 code_state,即码的状态数据;在草料后台添加了计划并执行后,就会推送 code_task_log,即码的计划完成情况数据;未设置相关功能或者无数据产生时并不会推送。

建议您在使用二维码并有相关数据产生后,再去制作可视化报表。

2.百度SugarBI

Sugar BI 是百度研发的数据可视化工具。推荐百度Sugar BI,原因是价格便宜(推荐基础版:价格480元/年),并且数据实时更新,还提供1个月的免费试用。目前草料已与百度Sugar BI团队达成协议,用户购买百度的Sugar BI可享受折扣优惠,基础版400元/年即可购买。具体购买流程可看下方介绍

二、制作教程

1.开启草料的官方数据库

可以在登录草料后,在后台左侧 数据管理-数据API,选择官方数据库进行开通 file

官方数据库申请成功后得到的数据库示例如下:

类型:MySQL 5.7
主机:rm-bp1m4fy8d66u3c6xmbo.mysql.rds.aliyuncs.com
端口:3306
数据库名:cli_13268724(示例)
用户名:cli_13268724(示例)
密码:ekiji17jd02jk9md(示例)

2. 使用百度SugarBI-注册并领取优惠券

草料平台专属Sugar BI优惠券链接:https://cloud.baidu.com/campaign/sugar-coupon/index.html

点击进行百度云账户注册(建议注册云账号),根据平台操作指引领取专属优惠券,在此链接即可进入百度Sugar BI数据可视化官网,领取30天全功能免费试用。

file

file

file

file

扫码添加百度云智能客户经理,便于反馈测试效果和需求对接 file

3.连接百度SugarBI制作看板

基本流程:连接数据源-创建数据模型-制作报表-预览和分享

3.1 连接数据源

在SugarBI中选择资源中心-数据管理-数据源-添加数据源,选择类型:MySQL 5.X,填上草料提供的官方数据库信息,添加即可。 file

3.2 创建数据模型

数据模型可用于后续图表中的数据展示, 选择数据模型-新建数据模型,在创建数据模型时会用到草料数据api中的数据表,查看数据表说明 file

3.3 新建灭火器总数-数据模型

需要用到的数据表:template_codeinfo_dX(批量子码信息表)
先将灭火器模板对应的数据表 template_codeinfo_dX 拖入到上方空白区域。 file

点击查看数据可以看到该模板下所有的子码信息

file file

点击右上角的保存后退出,再新建下一个数据模型

3.4 新建灭火器状态-数据模型

需要用到的数据表:code_state(码的状态表)、template_codeinfo_dX(批量子码信息表)

在制作灭火器状态的数据模型前,需确认您已经在码上使用了状态功能,状态功能说明

先将 code_state 拖入到上方作为主表去关联其他数据表 file

再将第二张数据表 template_codeinfo_dX 拖入到主表后方进行关联 file

设置表关联为左连接,关联条件是 code_id,确定后点击右上角的保存并退出,再新建下一个数据模型。 file

3.5 新建灭火器检查完成情况-数据模型

需要用到的数据表:code_task_log(码的计划日志表)、template_codeinfo_dX(批量子码信息表)

在制作灭火器检查完成情况的数据模型前,需确认您已经在码上使用了计划管理功能,计划管理说明

先将 code_task_log 拖入到上方作为主表去关联其他数据表 file

再将第二张数据表 template_codeinfo_dX 拖入到主表后方进行关联 file

设置表关联为左连接,关联条件是 code_id,确定后点击右上角的保存并退出,再新建下一个数据模型。 file

3.6 新建灭火器检查异常明细-数据模型

需要用到的数据表:table_dX(表单数据表)、template_codeinfo_dX(批量子码信息表)

在制作灭火器检查异常明细的数据模型前,需确认您已经在表单上提交过数据

先将 table_d5 拖入到上方作为主表去关联其他数据表 file

再将第二张数据表 template_codeinfo_dX 拖入到主表后方进行关联 file

设置表关联为左连接,关联条件是 code_id,确定后点击右上角的保存并退出。 file

3.7 创建报表

SugarBI 可制作报表与大屏,这里介绍报表的创建方法,大屏也同理。两者区别在于,大屏是一屏显示,各图表可以精细编辑;报表是上下浏览,内容更多,便于内部分享分析。 file

3.8 新建灭火器总数图表

选择 指标-核心指标 file

选择灭火器总数数据模型-将记录数拖入到展示的指标中-修改展示名称,即可得到灭火器总数展示的图表。 file

file

3.9 新建灭火器状态分布图表

选择指标-指标看板 file

选择灭火器状态数据模型-将记录数拖入到度量的指标中-将检查状态的字段推入到维度中,即可得到显示灭火器正常/异常数量的图表。 file

选择交互-下钻,开启后可点击图表查看明细数据 file

点击图表中的数字进入下钻设置页面,将要展示的字段拖入到列中,即可在表格中展示对应的数据。 file

3.10 新建灭火器检查完成情况图表

选择图表-环形饼图 file

选择灭火器检查完成情况数据模型,将code_task_log 对应的状态字段拖入到维度中-将记录数拖入到度量中,即可得到显示灭火器检查计划完成情况的图表。 file

选择交互-下钻,开启后可点击图表查看明细数据 file

点击图表区域进入下钻设置页面,将要展示的字段拖入到列中,即可在表格中展示对应的数据,后续点击图表中未完成的部分即可查看哪些是漏检的灭火器 file

3.11 新建灭火器检查异常明细图表

选择表格 file

选择灭火器检查异常明细数据模型-将要展示的字段拖入到列中,即可在左侧表格中显示对应的字段数据 file

当前展示的是所有检查数据,如需仅展示异常的需要对数据进行筛选,点击数据筛选 file

筛选检查结果为异常的数据 file

表单收集到的图片内容,数据api推送过来时是以网址链接的形式进行展示,如需直接在表格里显示图片,需要对该字段进行单独设置,找到对应字段右键选择维度列设置 file

选择当成html展示,并在下方输入:

<a href="{value}" target="_blank" style=" display:
block;height:20%;width:20%;"><img src="{value}"
width="80%" height="80%">

设置后即可在表格中直接显示图片,该方式仅支持每条记录一张图片时展示,多张图片时不支持

file

file

4.图表美化与筛选项设置

修改标题名称及配色 file

展示标签数据 file

修改展示字段 file

添加筛选组件,筛选组件可以帮我们查看指定数据的情况,是报表中常用的组件 file

添加数据模型,选择数据字段 file

5.分享使用

设置分享(发布)为公开,复制链接即可使用 file

三、学习交流

在实际操作过程中可能会遇到各类问题,可以 前往草料社区 查看相关问题或提问,与数据报表大牛互助交流,草料官方顾问和技术也会定期查看并回复