Java教程

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

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

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

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

1、进入”第一个空间“

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

image-20211214113313646

2、连接数据源

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

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

添加数据源之前请在自己的数据库授权中添加IP白名单:183.240.92.0/24111.45.0.0/2214.215.188.4/25

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

image-20211214115659595

添加成功后页面:

image-20211214115827593

3、创建数据模型

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

image-20211214115922559

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

image-20211214121328692

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

4、创建大屏

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

image-20211214141628984

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

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

实操:

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

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

image-20211214143306703

5、SQL建模绑定数据

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

image-20211214144959148

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

image-20211214150429134

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

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

image-20211214150604898

6、设置图表的定时刷新

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

image-20211214151248678

最后在右上角保存预览:

image-20211214151352456

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

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