麦粉社区
>
帖子详情

实战讲解:如何快速搭建东京奥运会中国获奖情况展示大屏

数据分析 发表于 2021-10-9 09:56
发表于 2021-10-9 09:56:06
  东京奥运会中国体育代表团取得38金32银18铜,向世界传递了新时代中国体育的新气象。中国运动健将在奥运会上挥洒汗水,努力向世界展示中国拼搏向上的竞技风采,而作为数据分析名媛小麦也希望通过专业知识尽一份力量!

  因此,我们决定用大屏可视化展示东京奥运会上中国获奖情况和运动健儿情况,从而让大家对奥运情况的感知更加全面、直观。

1.png

  下面,小麦就用一篇实操性极强的教学文案,手把手教会大家如何快速、高效、高质量地搭建东京奥运会中国获奖情况展示大屏。

需求分析
  我们需要从多个角度展示东京奥运会上中国获奖情况,具体需要以下目标:
  l 从日期、奖牌类型、项目、历年奥运会等角度展示中国获奖的情况;
  l 从性别、年龄、籍贯等维度了解我国参会运动健儿人数的情况;
  l 展示运动员热度、查看热点新闻等。

  根据需求规划仪表盘所展现的内容,整体布局设计如下:

2.png

数据准备
  奥运相关数据都存储在Excel文件,我们可以通过文件导入功能把Excel数据直接导入到数据库表中,如下图:

3.gif
图:Excel数据导入

  数据说明:奥运展示大屏相关数据来源于网络,可能存在误差。

  在进行可视化分析前,我们需要进行数据处理准备,V10版本通过全新的数据模型来进行数据准备,数据模型拥有强大的一体化多维建模能力和计算能力。我们可以   直接勾选数据表来取数,也可以通过即席查询勾选需要的字段来构建数据模型。

4.png
图:数据模型1-获奖明细数据

  建模说明:关于数据模型的详细介绍,请查看直播课程《》
仪表盘创建

  下面我们来演示如何使用自助仪表盘来实现【东京奥运会中国获奖情况】展示大屏。

1、整体布局和样式
  设置整体布局。自助仪表盘支持三种布局方式:高宽自适应、宽度自适应和自由布局,这里我们选择了选择自由布局方式,此种方式适用于大屏展示的仪表盘,尺寸设置为1920*1080,缩放方式选择等比缩放宽度铺满。

5.png

  设置全局主题样式。仪表盘背景选择已经处理好的大屏底图,产品也支持GIF动图作为大屏底图。

6.gif

  此外,为了统一风格、快速定制仪表盘,可以在主题Tab页面中设置仪表盘、组件、图形、表格、筛选框的全局样式,这些全局样式会被默认引用。

  功能说明:除了全局样式设置,Smartbi自助仪表盘还支持单独个性化设置,满足千变万化的需求。

2、奖牌关键指标显示
  金牌数、银牌数、铜牌数、名次和总奖牌数是关键指标,通过Smartbi的自助仪表盘可以直接对指标数据进行汇总统计,从而直观展现出东京奥运会中国获奖的情况。

7.png

  如下图所示,以金牌数量为例,我们拖拽文本组件到对应区域,拖拽“奖牌类别”到行区,“奖牌数”到汇总,接着双击编辑文本组件,在显示的表格中选择需要的数据。

8.png

  自助仪表盘组件支持复制、剪切、粘贴。我们只需要把金牌数组件进行复制粘贴,更改选择数据或是直接输出文字即可完成其他指标组件的创建。

9.png

3、热点新闻轮播
  奥运期间全民参与,很多新闻都是大家喜欢看的,这里我们用轮播的方式来显示热点新闻,点击即可跳转查看,对于用户来说非常方便。

  如下图,拖拽tab页组件到对应位置,在页签1中拖入文本组件,双击编辑文本,首先插入图片,然后选中图片设置超链接为需要跳转的外部地址。

10.png

  依次类推,通过同样操作增加多个页签来承载其他热点新闻的显示图片和链接地址。Tab组件支持跑马灯、下钻、Tab等展现形式,这里我们选择跑马灯效果。

4、不同日期获奖情况
  我们通过面积图来显示不同日期获得的奖牌数,这样既有趋势感,又能对比。拖拽图形组件,智能切换为曲线面积图,拖拽“获取时间”到列区,“奖牌数”到行区。

11.png

5、运动员热度词云图
  我们希望能一眼看到目前热度较高的运动员。而词云图是一种酷炫、直观的图表,可以从大量的词中一眼抓住关键词。

  Smartbi自助仪表盘支持词云图、关系图等多种图形类型,这些图形创建起来也非常快速简单。

12.gif

6、不同国家获奖情况表
  知己知彼,方能百战不殆。我们也需要了解东京奥运会上其他国家的奖牌获取情况。

  这里我们用Web电子表格来实现,它在浏览器上操作,可用于解决轻量级的复杂表格设计需求,满足国产化需求。

  Web电子表格可以支持静态报表,因为数据量不大这里我们直接使用静态数据,调整好样式即可在仪表盘中显示。

13.gif

  当然我们也可以把数据导入到数据库中,然后在Web电子表格拖拽字段来显示数据,具体选择哪种方式,可以根据实际需求决定。

7、不同项目不同奖牌数量
  接下来,我们想展示不同项目下不同奖牌类型获取的数量对比情况,其中“项目类别”和“奖牌类别”是两个维度,“奖牌数”是指标数据。这种分类对比,使用堆积柱图比较适合。“项目类别”作为X轴,“奖牌数”作为Y轴数据,“奖牌类别”作为分类;

  此外,Smartbi自助仪表盘支持快速排序功能,我们可以直接对奖牌数进行降序排列就能达到效果。

14.gif


8、运动员人数地理分布
  我们需要用中国地图统计出不同省份的运动员人数,地理维度是一个非常重要的维度,Smartbi系统内置了中国及中国各行政区划地图,还支持区域、散点、热力等多种地图类型。这里只需要拖拽标记出地理维度字段到对应区域,并设置地图组件的样式即可显示运动员人数分布。

15.gif

9、运动员性别、年龄占比情况
  我们通过饼图来查看参加奥运会运动员的不同性别、不同年龄阶段的人数占比情况。Smartbi自助仪表盘除了普通的饼图,我们还可以选择圆环图、南丁格尔玫瑰图等多种形式。

  此外,V10新版本中还支持字段的快速计算,如下图所示,对人数进行快速计算求得全局占比,这样鼠标提示可以查看具体的指标数值和所占比例。

16.gif

  同样,我们只需要设置好一个饼图的样式,然后复制粘贴,更改指标字段即可生成性别饼图

10、不同项目运动员人数
  显示不同项目运动员人数非常简单,我们直接用柱图即可。添加柱图,拖拽“项目类别”到列区,“人数”到行区即可。

17.png


11、历届奥运会中国获奖情况表
  我们也可以查看历届奥运会上中国获奖情况,因为数据我们已经导入到数据库中,这里我们直接选择表组件,它主要用于可以展示数据详情。

18.png


12、交互效果、调整细节
  Smartbi自助仪表盘交互设计包括“联动”、“下钻”、“跳转”等,能够满足数据分析人员与仪表盘之间的交互需求。

  下面我们以联动效果为例演示实现步骤:设置“不同项目运动员人数”作为筛选器,设置影响范围为【此数据集所有组件】。完成后点击柱子,即可实现联动效果。

19.gif


  小麦会持续带来更多的功能分享,如能在工作中启发或是帮助大家就更开心了!谢谢大家的关注!


高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0回帖数 0关注人数 1798浏览人数
最后回复于:2021-10-9 09:56
快速回复 返回顶部 返回列表