使用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、创建大屏
点击新建,有很多模板,选择一个自己需要的,或者也可以自己设计一个
创建完大屏后进入到大屏编辑器中,可进行以下操作:
- 通过顶部的工具栏来新增各种图表
- 点击选中图表,可以拖动改变图表的位置和大小,以及删除图表,
- 页面左侧的图层管理,可以调整图表的图层,从而改变图表之间的覆盖关系
- 选中图表之后可以更改图表的数据绑定,替换成真实的数据
实操:
数据绑定方式是:数据模型
选择要使用的数据模型,然后拖动维度字段到 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制作数据可视化大屏的操作过程相关推荐
- 如何制作数据可视化大屏
这两年,数据可视化大屏在数据报告中的占比越来越大,企业和政府会更倾向于选择炫酷大屏进行数据分析展示.炫酷大屏不仅能实时监控重点数据,提高决策效率,放在公司会议室,展台等地方,还能提升公司形象. 作为一 ...
- 数据可视化之设计经验分享:轻松三步教你学会制作数据可视化大屏思路
当看到屏幕上一个个炫酷,具有科技感的数据大屏时,很多人都会好奇这是怎么做出来的.自己在制作大屏时明明按着需求做了,可是做出来后总是觉得画面不好看,不够炫,感觉很糟糕. 那要如何才能设计那样的数据可视化 ...
- 如何高效制作数据可视化大屏,大屏高效制作攻略分享,总有一款适合你
做数据可视化大屏可不是一件简单的事情,里面有很多技巧,像布局,配色,图表和素材的选用和搭配等等,里面有很多学问.一时半会也做不出一个大屏,即使你会做也需要一定的时间和精力,在大量的需求下,只能熬夜完成 ...
- web报表工具在线制作数据可视化大屏
在数字化的今天,无论哪一个行业,都会产生庞大的数据,人们需要对大量的数字进行分析,从而帮助用户更直观的观察差异,作出判断,减少时间成本.报表这一产物便应运而生,报表工具是实现数据可视化的好帮手. 想要 ...
- 制作数据可视化大屏时,可以不再使用千遍一律的主题风格
"马上年底了,项目快验收了是吧"同事小陈说道. 我激动的说:"是啊,这次验收了,能为公司带来很大的现金流,项目团队也能得到很大一笔分成!就是不知道能不能顺利完成.&quo ...
- 如何制作高效率的数据可视化大屏
近段时间,"数据可视化"已经成了科技领域中非常热门的词汇,随着全国各地智慧园区的建设和崛起,数据可视化大屏的投放需求也变得越来越多.那么,企业应该如何制作高效率的数据可视化大屏呢? ...
- 最适合新手入门的数据可视化大屏制作软件,现在支持免费使用
如果你是刚刚接触数据可视化的新手,那么这款数据可视化大屏软件绝对适合你,这款软件不仅可以免费使用,而且提供了海量的大屏模板,操作也非常简单方便. 接下来让我们一起看看这款软件的特色之处. 海量大屏模板 ...
- 简单三步 一看就会的数据可视化大屏制作过程
今天为大家带来销售行业销售数据可视化的模板制作教程,对销售行业来说数据的展示是相当重要的,不仅因为销售数据展示的及时对销售行业能带来多少好处,同时也是为了减轻销售工作人员的压力,不用每次做数据统计时焦 ...
- Django开发数据可视化大屏-JS绘制大屏动态背景-(视图模板制作)
查看本文前请先查看 Django开发数据可视化大屏-项目启动配置 通过前面的文章,我们已经创建了一个Django简单项目,并且做了相关的配置,今天我们来制作视图模板,通过JS绘制3D动态背景效果. 我 ...
- 【Dash搭建可视化网站】项目10:疫情数据可视化大屏制作步骤详解
疫情数据可视化大屏制作步骤详解 1 项目效果图 2 项目架构 3 文件介绍和功能完善 3.1 assets文件夹介绍 3.2 app.py和index.py文件完善 3.3 header.py文件完善 ...
最新文章
- LeetCode 笔记系列 18 Maximal Rectangle [学以致用](最大矩形)
- 新闻通稿 | 2021年世界互联网大会乌镇峰会网络法治分论坛圆满举行
- 2019寒假纪中集训总结学期总结(流水账)
- SAP Spartacus 自定义Popover指令,如何实现弹出对话框自动关闭功能
- [AtCoder Educational DP Contest] J - Sushi(期望dp)
- bezier曲线_套娃成神:贝塞尔曲线
- 编译“have the same erasure, yet neither overrides“
- 10-4 用select进行调度
- 祝广大运维人:2020新年快乐!
- JFrame的层次结构究竟是什么样的,什么又是ContentPane()
- mysql存储过程详解以及PHP调用MYSQL存储过程实例
- XMPP即时通讯协议使用(一)——Openfire安装
- 网络存储磁带库术语解释
- 你为什么要离开上一家公司?
- 妙语联珠----有钱时、没钱时(节选自上海东方台)
- 如何将图片做成gif动图?
- TextRank算法实践
- C++、Java、JavaScript中的异常处理(Exception)
- 富士施乐m115b怎么连接电脑_施乐 m115b打印机怎么安装
- Kali-密码生成工具-crunch
热门文章
- websocket 1006错误码
- 使用IDO Runtime Development Server跟踪IDO层的错误
- 名词变复数,动词第三人称, 过去式 读音
- 七脉轮位置_人体的七个脉轮能量中心与它的代表意义
- hp 服务器 阵列卡信息导入,HP Proliant系列服务器 配置阵列卡过程.doc
- 讨论实现Windows资源管理器的简单方式
- 大学计算机基础及应用课后题答案第二版,《大学计算机基础》课后题答案完整版...
- 魔兽服务器优化,《魔兽世界》画质与流畅最佳优化指南
- QBadgeView小红点的简单使用
- 计算机二级电子表格使用技巧36种,Excel表格的基本操作(精选36个技巧)