当前位置:网站首页>The operation process of using sugar to make a large data visualization screen
The operation process of using sugar to make a large data visualization screen
2022-07-01 12:04:00 【Rain cloud 21】
Baidu data visualization Sugar Address :https://sugar.bce.baidu.com
Register account number first , After the account is registered successfully, there is a 30 Free trial period of days , Then we can use 30 God, what's going on .
1、 Get into ” The first space “
After entering, you can see such a page , The operation steps are displayed on the home page

2、 Connect to data source
the Sugar Connect to your own relational database , Give Way Sugar Be able to use and query the data in your database .
This is the official website to add data source documents :https://cloud.baidu.com/doc/SUGAR/s/Dk6z5xn67
Please add... In your database authorization before adding a data source IP White list :183.240.92.0/24、111.45.0.0/22、14.215.188.4/25
Click add data source in the upper right corner , Then fill in the relevant information , The data source name can be filled in casually , Others correspond to their own database .

After adding successfully, the page :

3、 Creating a data model
Click... Just after the new data source in the figure above “ Creating a data model ”

Then drag the table on the left to the right with the mouse

Put the value to be displayed in “ Measure ” part , Then save it in the upper right corner .
4、 Create a large screen
Click New , There are many templates , Choose one you need , Or you can design one yourself

After creating the large screen, enter the large screen editor , You can do the following :
- Add various charts through the toolbar at the top
- Click to select the chart , You can drag to change the position and size of the chart , And delete the chart ,
- Layer management on the left side of the page , You can adjust the layer of the chart , So as to change the coverage relationship between charts
- After selecting the chart, you can change the data binding of the chart , Replace with real data
Practice :
The data binding method is : Data model
Select the data model to use , Then drag the dimension field to X Axis , Drag the measurement field to Y Axis , The data on the horizontal column chart will be refreshed automatically :

5、SQL Modeling binding data
Add a chart in the large screen editor , Then select the data binding method as SQL modeling , Click the plus sign at the bottom right to create a new SQL Model

Here's the picture :SQL Write the model name casually , The data source is the database just added ,SQL Statement query the fields you want to display , Then use these two fields to model

Be careful :limit If you don't write , The system will automatically add limit 0, 5000
Finally, bind the data to X Axis Y Axis , It is suggested to debug first

6、 Set the scheduled refresh of the chart
The charts in the large screen can be set to refresh automatically every time , So as to achieve real-time data (SAAS Minimum version 10 second , Private deployment is the shortest 1 second )

Finally, save the preview in the upper right corner :

Finally, attach the official document of the product :https://cloud.baidu.com/doc/SUGAR/index.html
边栏推荐
- [Maui] add click events for label, image and other controls
- Consolidate -c operator
- Talk about the pessimistic strategy that triggers full GC?
- Personnaliser le plug - in GRPC
- C#依赖注入(直白明了)讲解 一看就会系列
- redis中value/SortedSet
- Dlhsoft Kanban, Kanban component of WPF
- 对于mvvm和mvc的理解
- Software project management 9.2 Software project configuration management process
- Sum of factor numbers of interval product -- prefix sum idea + fixed one shift two
猜你喜欢

C serialization simple experiment

Prepare for the Blue Bridge Cup Day10__ PWM control light brightness

技术分享 | MySQL:从库复制半个事务会怎么样?

深入理解 grpc part1

Rural guys earn from more than 2000 a month to hundreds of thousands a year. Most brick movers can walk my way ǃ

Redis的攻击手法

C knowledge point form summary 2

Explore the contour detection function findcontours() of OpenCV in detail with practical examples, and thoroughly understand the real role and meaning of each parameter and mode
![[Yunju entrepreneurial foundation notes] Chapter 7 Entrepreneurial Resource test 2](/img/2b/f42ac6745eb126254af62ad5217f70.jpg)
[Yunju entrepreneurial foundation notes] Chapter 7 Entrepreneurial Resource test 2

About keil compiler, "file has been changed outside the editor, reload?" Solutions for
随机推荐
Harbor webhook from principle to construction
Adjacency matrix undirected graph (I) - basic concepts and C language
leetcode 406. Queue reconstruction by height
USB peripheral driver - cable connect/disconnect
Golang根据参数引入相应配置文件的实现方式
GID:旷视提出全方位的检测模型知识蒸馏 | CVPR 2021
91.(cesium篇)cesium火箭发射模拟
Powerful, easy-to-use, professional editor / notebook software suitable for programmers / software developers, comprehensive evaluation and comprehensive recommendation
Abbirb120 industrial robot mechanical zero position
用实际例子详细探究OpenCV的轮廓检测函数findContours(),彻底搞清每个参数、每种模式的真正作用与含义
耐克如何常年霸榜第一名?最新财报答案来了
Summary of JFrame knowledge points 1
91.(cesium篇)cesium火箭發射模擬
91. (chapitre Cesium) simulation de lancement de fusées cesium
Exploration and practice of inress in kubernetes
区间乘积的因子数之和——前缀和思想+定一移二
CAD如何設置標注小數比特
基于IMDB评论数据集的情感分析
Golang des-cbc
[Yunju entrepreneurial foundation notes] Chapter 7 Entrepreneurial Resource test 2