百度数据可视化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/24111.45.0.0/2214.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制作数据可视化大屏的操作过程相关推荐

  1. 如何制作数据可视化大屏

    这两年,数据可视化大屏在数据报告中的占比越来越大,企业和政府会更倾向于选择炫酷大屏进行数据分析展示.炫酷大屏不仅能实时监控重点数据,提高决策效率,放在公司会议室,展台等地方,还能提升公司形象. 作为一 ...

  2. 数据可视化之设计经验分享:轻松三步教你学会制作数据可视化大屏思路

    当看到屏幕上一个个炫酷,具有科技感的数据大屏时,很多人都会好奇这是怎么做出来的.自己在制作大屏时明明按着需求做了,可是做出来后总是觉得画面不好看,不够炫,感觉很糟糕. 那要如何才能设计那样的数据可视化 ...

  3. 如何高效制作数据可视化大屏,大屏高效制作攻略分享,总有一款适合你

    做数据可视化大屏可不是一件简单的事情,里面有很多技巧,像布局,配色,图表和素材的选用和搭配等等,里面有很多学问.一时半会也做不出一个大屏,即使你会做也需要一定的时间和精力,在大量的需求下,只能熬夜完成 ...

  4. web报表工具在线制作数据可视化大屏

    在数字化的今天,无论哪一个行业,都会产生庞大的数据,人们需要对大量的数字进行分析,从而帮助用户更直观的观察差异,作出判断,减少时间成本.报表这一产物便应运而生,报表工具是实现数据可视化的好帮手. 想要 ...

  5. 制作数据可视化大屏时,可以不再使用千遍一律的主题风格

    "马上年底了,项目快验收了是吧"同事小陈说道. 我激动的说:"是啊,这次验收了,能为公司带来很大的现金流,项目团队也能得到很大一笔分成!就是不知道能不能顺利完成.&quo ...

  6. 如何制作高效率的数据可视化大屏

    近段时间,"数据可视化"已经成了科技领域中非常热门的词汇,随着全国各地智慧园区的建设和崛起,数据可视化大屏的投放需求也变得越来越多.那么,企业应该如何制作高效率的数据可视化大屏呢? ...

  7. 最适合新手入门的数据可视化大屏制作软件,现在支持免费使用

    如果你是刚刚接触数据可视化的新手,那么这款数据可视化大屏软件绝对适合你,这款软件不仅可以免费使用,而且提供了海量的大屏模板,操作也非常简单方便. 接下来让我们一起看看这款软件的特色之处. 海量大屏模板 ...

  8. 简单三步 一看就会的数据可视化大屏制作过程

    今天为大家带来销售行业销售数据可视化的模板制作教程,对销售行业来说数据的展示是相当重要的,不仅因为销售数据展示的及时对销售行业能带来多少好处,同时也是为了减轻销售工作人员的压力,不用每次做数据统计时焦 ...

  9. Django开发数据可视化大屏-JS绘制大屏动态背景-(视图模板制作)

    查看本文前请先查看 Django开发数据可视化大屏-项目启动配置 通过前面的文章,我们已经创建了一个Django简单项目,并且做了相关的配置,今天我们来制作视图模板,通过JS绘制3D动态背景效果. 我 ...

  10. 【Dash搭建可视化网站】项目10:疫情数据可视化大屏制作步骤详解

    疫情数据可视化大屏制作步骤详解 1 项目效果图 2 项目架构 3 文件介绍和功能完善 3.1 assets文件夹介绍 3.2 app.py和index.py文件完善 3.3 header.py文件完善 ...

最新文章

  1. LeetCode 笔记系列 18 Maximal Rectangle [学以致用](最大矩形)
  2. 新闻通稿 | 2021年世界互联网大会乌镇峰会网络法治分论坛圆满举行
  3. 2019寒假纪中集训总结学期总结(流水账)
  4. SAP Spartacus 自定义Popover指令,如何实现弹出对话框自动关闭功能
  5. [AtCoder Educational DP Contest] J - Sushi(期望dp)
  6. bezier曲线_套娃成神:贝塞尔曲线
  7. 编译“have the same erasure, yet neither overrides“
  8. 10-4 用select进行调度
  9. 祝广大运维人:2020新年快乐!
  10. JFrame的层次结构究竟是什么样的,什么又是ContentPane()
  11. mysql存储过程详解以及PHP调用MYSQL存储过程实例
  12. XMPP即时通讯协议使用(一)——Openfire安装
  13. 网络存储磁带库术语解释
  14. 你为什么要离开上一家公司?
  15. 妙语联珠----有钱时、没钱时(节选自上海东方台)
  16. 如何将图片做成gif动图?
  17. TextRank算法实践
  18. C++、Java、JavaScript中的异常处理(Exception)
  19. 富士施乐m115b怎么连接电脑_施乐 m115b打印机怎么安装
  20. Kali-密码生成工具-crunch

热门文章

  1. websocket 1006错误码
  2. 使用IDO Runtime Development Server跟踪IDO层的错误
  3. 名词变复数,动词第三人称, 过去式 读音
  4. 七脉轮位置_人体的七个脉轮能量中心与它的代表意义
  5. hp 服务器 阵列卡信息导入,HP Proliant系列服务器 配置阵列卡过程.doc
  6. 讨论实现Windows资源管理器的简单方式
  7. 大学计算机基础及应用课后题答案第二版,《大学计算机基础》课后题答案完整版...
  8. 魔兽服务器优化,《魔兽世界》画质与流畅最佳优化指南
  9. QBadgeView小红点的简单使用
  10. 计算机二级电子表格使用技巧36种,Excel表格的基本操作(精选36个技巧)