《数据可视化》课件 6.2制作数据可视化大屏

数据可视化模块六设计数据可视化大屏CONTENTS01.布局数据可视化大屏03.美化数据可视化大屏

02.制作数据可视化大屏目

录教学目标

1.熟悉页面布局的原则与常见分类；2.了解数据可视化大屏的三大区域；3.掌握页面配色优化的方法；4.掌握显示单位优化的方法。知识目标1.能完成数据大屏设计需求分析与布局类型梳理；2.能完成数据大屏页面内容布局；3.能完成关键指标区、重点信息展示区与筛选区切片的制作；4.能够完成大屏配色、显示单位与页面细节等的优化。能力目标素质目标1.具备良好的职业道德，确保数据的安全性和隐私性；2.具备高度的责任心，确保大屏展示的数据准确无误；3.具备强大的自学能力，能够持续跟踪行业动态，学习并掌握新技术。项目导览任务二制作数据可视化大屏任务实施PART01活动1制作关键指标区步骤1：数据导入进入PowerQuery编辑器，选中“销售数据”工作表，将最后3列“吊牌价”“销量”“销售额”的数据类型均改为“小数”，接着选中“销售日期”列，点击“添加列”-“日期”-“周”-“一个月的某一周”，如图1所示，即可添加以周为划分的日期列，最后点击“关闭并应用”。活动1制作关键指标区步骤2：数据计算步骤2.1：表格交互关系设置点击“模型视图”，删除“销售目标”表格与“销售数据”表格之间的关系，再删除“店铺资料”与“销售数据”之间现有的关系，然后在两者之间以“店铺ID”为交互建立新的关系，至此表格交互关系设置完成，如图2所示。活动1制作关键指标区步骤2：数据计算步骤2.2：新建列点击画面左侧的“数据视图”，然后选择“销售数据”表，在“列工具”下点击“新建列”，采用图3中的公式完成吊牌额的计算。活动1制作关键指标区步骤2：数据计算步骤2.3：新建度量值新建业绩计算度量值，在数据窗格右击“店铺资料”表格，选择“新建度量值”，输入公式：M.业绩=SUM(‘销售数据’[销售额])，对销售数据中销售额进行求和，然后修改数据格式，不添加小数并添加千位分隔符，如图4所示。新建销量计算度量值，采用同样的方法再次新建对销量进行求和的度量值，如图5所示。活动1制作关键指标区步骤2：数据计算步骤2.3：新建度量值新建销售笔数计算度量值，采用DISTINCTCOUNT函数对销售笔数进行非重复计数,如图6所示。新建销售目标计算度量值，对销售目标进行求和，如图7所示。活动1制作关键指标区步骤2：数据计算步骤2.3：新建度量值新建客单量计算度量值，利用DIVIDE函数对“销量”与“销售笔数”的商进行计算，并对结果保留两位小数，如图8所示。新建客单价计算度量值，利用DIVIDE函数对“业绩”与“销售笔数”的商进行计算，并对结果保留0位小数，如图9所示。活动1制作关键指标区步骤2：数据计算步骤2.3：新建度量值新建业绩达成率计算度量值，利用DIVIDE函数对“业绩”与“销售目标”的商进行计算，添加百分号，并对结果保留0位小数，如图10所示。新建吊牌额计算度量值，对吊牌额进行求和，如图11所示。活动1制作关键指标区步骤2：数据计算步骤2.3：新建度量值新建折扣计算度量值，利用DIVIDE函数对“业绩”与“吊牌额”的商进行计算，添加百分号，并对结果保留2位小数，如图12所示。新建业绩达成颜色度量值，输入图13中的相应公式，对业绩达成颜色进行自定义。活动1制作关键指标区步骤3：图表制作切换至报表视图，然后在“可视化”窗格中单击“卡片图”，在“数据”窗格中勾选“店铺资料”表中的字段，将“业绩达成率”字段拖动到“字段”中，如图14所示。复制该卡片图，然后将字段修改为“业绩”。活动1制作关键指标区步骤4：图表位置调整将制作的“业绩达成率”与“业绩”卡片图调整大小和位置后如图15所示，至此，关键指标区制作完成。活动2制作重点信息展示区步骤1：图表制作在“可视化”窗格中单击“簇状条形图”，在“数据”窗格中勾选“店铺资料”表中的字段，将“店铺名称”字段拖动到“Y轴”中，将“业绩”字段拖动到“X轴”中，如图16所示。步骤1.1：添加条形图活动2制作重点信息展示区步骤1：图表制作在“可视化”窗格中单击“环形图”，在“数据”窗格中勾选“店铺资料”表中的字段，将“店铺名称”字段拖动到“详细信息”中，将“业绩”字段拖动到“值”中，如图17所示。步骤1.2：添加环形图活动2制作重点信息展示区步骤1：图表制作在“可视化”窗格中单击“折线图”，在“数据”窗格中勾选“销售数据”表中的字段，将“一个月的某一周”字段拖动到“X轴”中，将“店铺资料”表中的“业绩”字段拖动到“Y轴”中，如图18所示。步骤1.3：添加折线图活动2制作重点信息展示区步骤1：图表制作在“可视化”窗格中单击“表”，在“数据”窗格中勾选“店铺资料”表中的字段，依次将“城市”“销售目标”“业绩”“业绩达成率”“折扣”“销量”“销售笔数”“客单量”“客单价”字段拖动到“列”中，如图19所示。步骤1.4：添加表格活动2制作重点信息展示区步骤1：图表制作在“可视化”窗格中单击“散点图”，在“数据”窗格中勾选“店铺资料”表中的字段，将“客单量”字段拖动到“X轴”中，将“客单价”字段拖动到“Y轴”中，将“店铺名称”与“城市”字段依次拖动到“值”中，如图20所示。步骤1.5：添加散点图活动2制作重点信息展示区步骤2：图表位置调整将制作的图表调整大小和位置后如图21所示，至此，重点信息展示区制作完成。活动3制作筛选区切片步骤1：图表制作进入报表视图，在“可视化”窗格中单击“切片器”，在“数据”窗格中勾选“店铺资料”表中的字段，将“城市”字段拖动到“字段”中，如图22所示。切换至“可视化”窗格的“格式”选项卡，在“切片器设置”中修改切片器的样式为“下拉”，如图23所示。活动3制作筛选区切片步骤2：图表位置调整将制作的切片器调整大小和位置后如图24所示，至此，筛选区切片制作完成。PART02知识内容一、数据可视化大屏三大区域关键指标区在布局中，要明确区分主要信息和次要信息。将核心数据和关键指标放置在显眼的位置，使用较大的字体、醒目的颜色和突出的图表形式来呈现，确保观众能够在第一时间获取到最重要的内容。通过这种主次分明的布局，能够引导观众的注意力，使他们快速抓住重点，同时又能在需要时获取更详细的信息。一、页面布局的原则重点信息展示区用于呈现详细且具有深度的业务数据。采用多样化的图表形式，如饼图、矩阵图、地图等，结合动态的数据更新，深入剖析业务的各个方面。该区域旨在提供全面而系统的信息，帮助用户发现潜在的规律和问题。同时，通过合理的布局和色彩搭配，确保信息的可读性和易理解性。一、页面布