数据可视化系列-02各类图表的综合使用介绍及实践-下篇

简介: 数据可视化系列-02各类图表的综合使用介绍及实践-下篇

3.3 多维度多指标展示

1、了解表格类图表组件的概念:表格类概念、表格类主要场景

fbb13ea5131ca00e7c6657aa75b9e2a3_7e9b3e09b6df4d36851cdd1f5137edf9.png


2、掌握表格图表组件的使用:交叉表、透视表

交叉表

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/cross-table


交叉表可以显示表中某个字段的汇总值,并对同类数据合并。其中一组列在表的左侧,另一组列在表的上部。行和列的交叉处可以对数据进行多种汇总计算,例如求和、平均值、记数、最大值和最小值。

af37a500b471fe304ba6edffbe8aeafa_2369a5a1f46447959e93e003e9e3d639.png


新交叉表

交叉表(crosstab)是一种用于计算分组频率的特殊透视表


新交叉表可以显示表中某个字段的汇总值,并对同类数据合并。其中一组列在表的左侧,另一组列在表的上部。行和列的交叉处可以对数据进行多种汇总计算,例如求和、平均值、记数、最大值和最小值。本文为您介绍如何为新交叉表添加数据并配置样式。

使用场景

用于多维度、多指标交叉分析场景,通过多指标交叉分析并进行决策判断。

优势简介

计算能力:一键配置高级计算同环比、累计计算、百分比、占比、总计小计。

可视化效果:表格主题、树形展示、冻结换行、列宽等。

备注能力:可自定义文字、指标等备注和尾注信息,可自定义跳转外链路径,实现数据与其他系统之间的交互。

条件格式:文本、背景、图标、色阶、数据条等条件格式让数据更易读。

交互操作:维度/指标筛选、表格内筛选等。

8d49ce88cfb2ff5c5a118357c666ef33_31a461fe9c9c4d08a8f37f783f937cfa.png


透视表

透视表可以用来显示表中某个字段的汇总值,并可实现对数据的树状钻取;其中一组列在数据表的左侧,另一组列在数据表的上部。行和列的交叉处可以对数据进行多种汇总计算,例如求和、平均值、记数、最大值、最小值等。

98cf8bef980b18699ae88918792877b4_3c5cbc31cd2242e48b9b2a9fde072b06.png


3.4 趋势指标

1、趋势类图表及应用场景

a4294caeca403965b905fe09e54e265e_7c36095cfddb41ffab66d642b0677890.png


2、趋势类图表:线图、面积图、组合图

线图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/line-chart


线图适用于分析数据随时间变化的趋势。例如,分析商品销量随时间的变化,预测未来的销售情况。

使用场景

趋势类组件可以显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。

在折线图中,可以得出数据随时间变化的结论,例如数据随时间递增、数据随时间递减、数据是否呈现周期性变化、数据称指数性增长等,也可以进行多条折线图的对比。

优势简介

计算能力:一键配置同环比、累计计算,智能辅助线、趋势线。

可视化效果:支持曲线图、折线图效果,可显示标签、图例、缩略轴等配置。

数据对比标注能力:支持对数据进行同期对比、并进行数值标注。

145b7bc6cdab57b4f8c597aef39ad2ea_86195c82b8a64d04af99267958023703.png


面积图

面积图可用来展示在一定时间内数据的趋势走向以及它们所占的面积比例。与线图类似,面积图可用来展示在一定时间内数据的趋势走向以及它们所占的面积比例。

面积图由值轴/度量、类别轴/维度和颜色图例/维度组成:


类别轴由数据的维度决定,至少选择1个维度。例如日期、省份或产品类型。

值轴由数据的度量决定,至少选择1个度量。例如订单数量。

颜色图例由数据的维度决定,只能选择1个维度。例如运输方式。

37789f409f981902aecbc62b13110144_9e89b4dcf0f1491aa0e4f77a3d6b680f.png


组合图

组合图支持双轴展示不同量级数据,可以在单坐标轴下同时展示常规线图、柱图和面积图组合,也支持展示堆积混合和百分比堆积的复杂场景。例如可以展示不同项目间的变化趋势。本文为您介绍如何为组合图添加数据并配置样式。

使用场景

趋势类组件可以显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。

在面积图中,可以得出数据随时间变化的结论,例如数据随时间递增、数据随时间递减、数据是否呈现周期性变化、数据称指数性增长等。

优势简介

计算能力:一键配置同环比、累计计算,智能辅助线、趋势线。

可视化效果:支持线图、面积图、堆积面积、百分比堆积效果,可显示标签、图例、缩略轴等配置。

数据对比标注能力:支持对数据进行同期对比、并进行数值标注

4b37e5674d1008902522cb465a6f57c8_ff18b702201d46e49b8f45d900e2076e.png


3.5比较类图表

1、了解比较类图表及应用场景

bdd265cca6deab680c53c35c08e22353_5b6045b72bba4adeb5179ccd5f1c726d.png


2、掌握比较类图表组件使用:柱图、条形图、排行榜、瀑布图

柱图

柱图可以展示每项数据在一段时间内的趋势及数据间的比较情况。例如,柱图可以比较某个路口不同时间段的车流量。本文为您介绍如何为柱图添加数据并配置样式。

使用场景

简单直观,根据柱子的长短看出值的大小,易于比较各组数据之间的差别及走势。

优势简介

计算能力:一键配置同环比、累计计算,智能辅助线、趋势线。

可视化效果:支持柱图、堆积柱状图、百分比堆积柱状图效果,可显示标签、图例、缩略轴等配置。

数据对比标注能力:支持对数据进行同期对比、并进行数值标注。

a4a42597b52a71c37468ad32e495f9f1_f38274ea9e4e4840b76ed2ba8672e1e4.png


条形图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/horizontal-bar-chart


条形图适合用于展示二维数据集,展示数据的分布情况,其中一个轴表示需要对比的分类维度,另一个轴代表相应的数值,例如X轴展示月份,Y轴展示商品销量。本文为您介绍如何为条形图添加数据并配置样式。

使用场景

简单直观,根据柱子的长短看出值的大小,易于比较各组数据之间的差别。

优势简介

计算能力:一键配置同环比、累计计算,智能辅助线、趋势线。

可视化效果:支持条形图、堆积条形图、百分比堆积条形图效果,可显示标签、图例、缩略轴等配置。

7d4addbdadf87a934bba5b6498cf484a_1d710ea106d64f8c97f6af5025d0582a.png


排行榜

排行榜一般反映指标在维度中的分布及排名顺序,简洁地展示TOP N的降序排行。例如,排行榜根据销售额从大到小的顺序展示TOP 10城市。本文为您介绍如何为排行榜添加数据并配置样式。仅高级版和专业版的群空间支持创建排行榜。

使用场景

比较类组件可以显示不同维值的数据聚合结果情况,适用于不同维度结果的对比、排行。

优势简介

计算能力:一键配置同环比、累计计算。

备注能力:可配置指标等备注、尾注信息,可配置跳转链接至外部系统进行操作交互。

0bab038e8c25eb73fcc54277b43efba0_808c47c8cda049f09abaa5a6731bc1fc.png


瀑布图

瀑布图采用绝对值与相对值结合的方式,直观地反映出数据在不同时期或受不同因素影响下的增减变化过程,通常用于经营分析和财务分析。

瀑布图由类别轴/维度和值轴/度量组成:


类别轴由数据的维度决定,至少选择1个维度。例如省份和产品类型。

值轴由数据的度量决定,最多选择1个度量。例如订单数量和利润金额。

434b4b7fed64a024d25d73c62d2beca2_36d004c269d84525bcc216003fbe2da5.png


3.6分布类图表

1、分布类图表知识概念:概念、主要场景

10888f99dd076a0077aa5294e7996e34_2b84a58ec1fd41cf99cc625a3ccff636.png


2、分布类图表:饼图与环形图、雷达图、玫瑰图、矩形树图、词云图

饼图与环形图

饼图用于分析数据的简单占比,您可以通过饼图很直观的看到每一个部分在整体中所占的比例。本文为您介绍如何为饼图添加数据并配置样式。

使用场景

维度值基于指标的占比结果进行分布显示,用突出、放大等效果进行数据结果表达,多用于维度值的分布。

优势简介

交互操作:可切换指标,配置图表内筛选条件。

可视化效果:饼形、环形样式,并自定义标签显示等。

备注能力:可配置指标等备注、尾注信息,可配置跳转链接至外部系统进行操作交互。

ce983f1e9e86bcaffcbadb14aecb4335_dce9e126cbfa436fa24f98c4d87c4e97.png


雷达图

雷达图可以展示分析所得的数字或比率,您能够一目了然地查看各类数据指标及数据变化趋势。

雷达图由分支长度/度量和分支标签/维度组成,支持两种数据配置方式:


维度作为分支标签:维度值是雷达图的分支节点,用于对比度量间的面积分布情况。

分支标签/维度:最多选择1个维度,维度值作为雷达图的分支节点。

分支长度/度量:至少选择1个度量,最多选择10个度量,每一个度量都会形成一个雷达面。

度量作为分支标签:度量值是雷达图的分支节点,用来对比维度值间的面积分布情况。

分支标签/维度:最多选择1个维度,维度值作为雷达图的雷达面。

分支长度/度量:至少选择1个度量,最多选择10个度量,每一个度量都会形成一个分支节点。

c509bb9f8162c4b8a38ff6aae1765e81_93e6e93e271c4a72b3ad3da5f9ad3c6a.png


玫瑰图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/polar-area-chart

c093ecd68b32ae8c7031a01337d7b7d7_c740deac9ed4468bbe9b43d0f58aa49f.png


矩形树图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/treemap-chart

51d3b491918c9a6051a3fe2fe0f122a0_2fab7164e61043729dd8525e22c7a3f3.png


词云图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/word-cloud-chart

fc4a8cbe0b651c7615b682089848e2b7_e12f1537f98d466e8a1af79c97dc78b3.png


3.7关系类图表

1、关系类图表概念:概念

5803ae3d97ce0c634c22b4a0fe767659_9c2c290972524695a6456bf19cbfe5c1.png


2、关系类图表:漏斗图、散点图、气泡图、来源去向图、桑基图、指标拆解树

漏斗图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/funnel-chart

2dc9fe34a7380ff474334bb41c9b038b_3ca41423fca44406b5443ce11460e061.png


散点图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/scatter-chart

73e4980ccbec38a65c94357782bdcf07_835ac368d71a407eae14f677e4fe2f78.png


气泡图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/bubble-chart

0a542dfe036c8ad1395c104fefccd357_d622312094a44c29b5997f097974cc54.png


来源去向图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/flow-analysis-chart

cfe059c92b3e63983b3617499138cd0e_0e065d73ce1d4915ab8d240e666fd9a4.png


桑基图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/sankey-diagram

桑基图可以展示一组数据到另一组数据的分流情况,其分支的宽度代表数据流量的大小。例如,通过桑基图可视化分析能源数据、材料成分数据或金融数据的流向。

199e98c3d821543e390f92100181d064_072de64be6fd49b891ca0d33f42ef9cc.png


指标拆解树

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/decomposition-tree-chart

指标拆解树通过分解核心指标,可以定位影响指标的关键渠道或关键成员。例如,指标拆解树可以方便的查看多个维度中的各个成员对整体的贡献,您也可以将度量值分解至一个或多个组,分析每个组的数据情况。本文为您介绍如何为指标拆解树添加数据并配置样式。仅专业版群空间支持创建指标拆解树。


c1653704340cce68e31b0082c92126f3_fcba59756a8a45bb905b0dd2ba11001d.png


3.8空间类图表

1、空间类图表概念:概念

6185553344d41144fa03505ff20e82fe_39c6a1272e67415faf3dee6a24448147.png


2、空间类图表:地图、气泡地图、色彩地图、LBS热力地图、LBS符号地图、LBS飞线地图、注意事项

地图

气泡地图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/bubble-map

9d92497e0140a0b99ee973e9274417e7_99d847637c1c489fafa8ea123b5eadf3.png


色彩地图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/filled-map

d5dba18ab3589b150b835719cd86c8a1_9356b831dde54ee984758a87ecb8d3e0.png


LBS热力地图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/lbs-heat-map

6d12b82695a4f67d1b149e0e3e2f17e6_125d276c8cb1439a9e78bdcadb609339.png


LBS气泡地图

作图要求:

1个地理区域(维度),LBDS气泡大小(度量)至少1个,至多5个


LBS气泡地图与气泡地图类似,都是以一个地图轮廓为背景,用附着在地图上面的气泡来反映数据的大小。Quick BI的LBS气泡地图还可以切换地图的底图样式,例如高德地图、谷歌地图和GeoQ来显示国家或地区的相关数据指标大小和分布范围。

5589d14d9df6ec69a3768cd3de65c7b8_87a2e565852d42c0904bd7f0e091959e.png


LBS飞线地图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/lbs-flying-line-map

1da697aa4df4882b3a89b2857221edef_c51d83bc284641c3a2c4dc57b8d6245b.png


注意事项

3.9时序类图表

1、时序类图表概念

bdcd4d4ec39f6fad352712ba191c3627_6da8bd474d3c4b3aafe8dd81d14fbb17.png


2、时序类图表

动态条形图

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/dynamic-bar-chart


ec0057585a1fa341b2c106afa13b9d25_04d8b6b3fa73ed0638d96d2b7eaef7e4.png


时间轴

参考:https://www.alibabacloud.com/help/zh/quick-bi/latest/timeline-chart

5f3e75e22f77eec2ccd7322242fcf140_a1452d2ed64f42e1860b4258dc4604e4.png

相关文章
|
1月前
|
数据可视化 大数据 BI
数据可视化大屏的设计规范和案例参考(使用AxureRP软件设计)
在信息化浪潮中,数据可视化不再仅限于单纯的数据呈现,而是逐渐演变为一种能够直观揭示复杂数据内在关联、趋势变化以及关键洞察的艺术形式。
98 3
|
4月前
|
监控 数据可视化 前端开发
数据可视化系列-04数据大屏基础知识
数据可视化系列-04数据大屏基础知识
|
4月前
|
数据采集 数据可视化 前端开发
数据可视化系列-02各类图表的综合使用介绍及实践-上篇
数据可视化系列-02各类图表的综合使用介绍及实践-上篇
|
4月前
|
SQL 数据可视化 大数据
数据可视化系列-01大数据可视化基础
数据可视化系列-01大数据可视化基础
数据可视化系列-01大数据可视化基础
|
8月前
|
SQL 数据采集 搜索推荐
开源大数据分析实验(4)——简单用户画像分析之数据可视化展现
本场景主要介绍基于海量日志数据进行简单用户画像分析为背景,如何通过使用DataWorks完成数据采集 、加工数据、配置数据质量监控和数据可视化展现等任务。
|
数据可视化 BI
FineReport 数据可视化平台设计笔记
FineReport如何添加控件(自己安装插件)?
159 0
FineReport 数据可视化平台设计笔记
|
监控 数据可视化 数据挖掘
【ImagineDesign】数据可视化大屏设计经验分享
【ImagineDesign】数据可视化大屏设计经验分享
209 0
【ImagineDesign】数据可视化大屏设计经验分享
|
前端开发 数据可视化 定位技术
数据可视化之下发图实践
随着互联网的快速发展,数据维度越来越广,呈现形式也越发丰富,具有多维度数据特点的相关业务实践都能通过可视化图表来展示,比如个推的下发图,从时间和区域两个维度,可以即时、直观地展现个推数据下发的过程。
1605 0
|
关系型数据库 数据挖掘 BI
数据分析展现工具SmartBI
应用场景 当杂乱无章的数据,经过数据清洗后,得到了想用的数据,但是查看这些数据通过数据库只能看到数据本身,无法看到其中的规律,可以通过数据分析展示工具,图形化展示数据,使数据更形象化的展现在用户面前,更容易看出规律,得出结论,还可以监控实时数据,实时刷新,比如双十一大屏等等。
3362 0