本博客内容出自尚硅谷b站公开课，如有侵权，请联系博主删除

第 1 章 数据可视化接口

1.1 设计思路

之前数据分层处理，最后把轻度聚合的结果保存到 ClickHouse 中，主要的目的就是提供即时的数据查询、统计、分析服务。这些统计服务一般会用两种形式展现，一种是为专业的数据分析人员的 BI 工具，一种是面向非专业人员的更加直观的数据大屏。

以下主要是面向百度的 sugar 的数据大屏服务的接口开发。

1.2 需求梳理

1.2.1 最终显示效果图

1.2.2 分析可视化大屏

在可视化大屏中每个组件都需要一个单独的接口，图中一共涉及 8 个组件。

1.2.3 接口执行过程

之前我们实现了 DWS 层计算后写入到 ClickHouse 中，接下来就是要为可视化大屏服务，提供一个数据接口用来查询 ClickHouse 中的数据。这里主要有两项工作

• 配置可视化大屏服务。
• 编写数据查询接口以供可视化大屏进行访问。

第 2 章 Sugar 数据大屏

2.1 产品介绍

Sugar 是百度云推出的敏捷 BI 和数据可视化平台，目标是解决报表和大屏的数据 BI 分析和可视化问题，解放数据可视化系统的开发人力。

2.2 使用入口

https://cloud.baidu.com/product/sugar.html

2.3 创建数据大屏

略

第 3 章 总成交金额接口

略

第 4 章 商品交易额不同维度的统计

略

第 5 章 分省市的热力图统计

略

第 6 章 流量统计数据

略

第 7 章 热词字符云

略

第 8 章 添加素材

略

第 9 章 总结

数据接口部分开发的重点：

• 学会通过 springboot 搭建一个 web 服务。
• 学会在 Web 服务使用注解方式，通过 SQL 语句查询 ClickHouse。
• 学会通过 Sugar 实现数据大屏可视化配置，了解其中的地图、柱形图、饼图、折线图、表格、轮播表、字符云等组件的使用预配置。
• 学会使用内网穿透工具，方便调试本地接口与互联网服务对接。