使用Sugar制作数据可视化大屏的操作过程

本文主要是介绍使用Sugar制作数据可视化大屏的操作过程，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

百度数据可视化Sugar地址：https://sugar.bce.baidu.com

先注册账号，账号注册成功后有一个30天的免费试用期，然后我们就可以用着30天来搞事情了。

1、进入”第一个空间“

进去后可以看到这样一个页面，操作步骤都展示在主页上了

2、连接数据源

即将Sugar与你自己的关系型数据库建立连接，让Sugar能够使用和查询您数据库中的数据。

这是官网添加数据源文档：https://cloud.baidu.com/doc/SUGAR/s/Dk6z5xn67

添加数据源之前请在自己的数据库授权中添加IP白名单：183.240.92.0/24、111.45.0.0/22、14.215.188.4/25

点击右上角的添加数据源，然后填写相关信息，数据源名称可以随便填，其他的跟自己的数据库对应。

添加成功后页面：

3、创建数据模型

就在上图中新增的数据源后面的操作点击“创建数据模型”

然后把左边的表用鼠标拖到右边

将要展示的值放到“度量”部分，然后右上角保存即可。

4、创建大屏

点击新建，有很多模板，选择一个自己需要的，或者也可以自己设计一个

创建完大屏后进入到大屏编辑器中，可进行以下操作：

1. 通过顶部的工具栏来新增各种图表
2. 点击选中图表，可以拖动改变图表的位置和大小，以及删除图表，
3. 页面左侧的图层管理，可以调整图表的图层，从而改变图表之间的覆盖关系
4. 选中图表之后可以更改图表的数据绑定，替换成真实的数据

实操：

数据绑定方式是：数据模型

选择要使用的数据模型，然后拖动维度字段到 X 轴，拖动度量字段到 Y 轴，横向柱图上的数据即会自动刷新展示：

5、SQL建模绑定数据

在大屏编辑器中新增一个图表，然后选择数据绑定方式为SQL建模，点击右下边的加号就可新建SQL模型

如下图：SQL模型名称随便写，数据源为刚才添加的数据库，SQL语句查询想要展示的字段，然后用这两个字段进行建模

注意：limit如果自己不写，系统会自动添加上limit 0, 5000

最后将数据绑定到X轴Y轴，建议先调试一下

6、设置图表的定时刷新

大屏中的图表都可以设置每个一段时间自动刷新，从而做到数据的实时性（SAAS版本最短10秒，私有部署最短1秒）

最后在右上角保存预览：

最后附上该产品的官方文档：https://cloud.baidu.com/doc/SUGAR/index.html

这篇关于使用Sugar制作数据可视化大屏的操作过程的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！