山海鲸可视化

合理运用图表组件

数据可视化是什么数据可视化利用人眼的感知能力,对数据进行交互的可视化表达,以增强认知的技术,信息传达手段有图案、文字、语言、绘画、音乐、照片、影像、AR、VR 等。

数据可视化的目标:发现—分析—解释—决策—探索和学习—增强完成任务的规律

可视化离不开数据
数据是可计量的,所有的数值都是数字。例如:销售额、天数、总额等。
数据类型数据可能在有限范围内取值。例如:一周数量等。
数据可以测量且在有限范围内呈规律性发展。
数据可以根据性质进行分类。例如:各几度销售量等。

数据图表

1. 柱状图 Column Chart

柱形图,使用垂直的柱子显示类别之间的数值比较。其中一个轴表示需要对比的分类维度,另一个轴代表相应的数值。
组件设置注意:
柱(柱组)与柱(柱组)直接的距离控制在一个柱(柱组)的宽度,左右两边的间距控制在 1/2 个柱(柱组)的宽度。
数据类别控制在 10 种左右(如果类目过多则推荐使用条形图),如果超过十个可以开启动画,柱子会从右到左进行滚动。
若有趋势要求时,可以采用分组双轴图或者堆叠双轴图,有折线可展示趋势效果。
一般情况下采用立体三维柱状图的时候注意三维柱状图顶部为立体的缘故,可能会有影响到数据传达的准确性。
对多个数据类型进行排序时,如果没有日期等特殊限制,建议使用升序或降序排序,按照逻辑排序一定程度上可以引导用户更好的阅读数据。
image.png
基础柱状图

image.png
分组双轴图

image.png
堆叠柱状图

2. 条形图 Bar Charts

条形图是用宽度相同的条形的长短来表示数据多少的统计组件。条形图纵向时也称为柱状图。
组件设置注意:
当每一种类目名字过长时,因为使用柱状图会使 X 轴过于拥挤不利于观看。
如果相对关系不是时间序列,用条形图更合适。表示时间序列相对关系,用柱状图更合适,人们更习惯于使用时间从左到右的顺序,而不是上下的顺序。
image.png
基础条形图

image.png
分组条形图

3. 玫瑰图 Rose Chart

玫瑰图是一种在极坐标下绘制的柱状图。用圆弧的半径长短来表示数据的大小(数量的多少)。
组件设置注意:
玫瑰图尤为适合比较大小相近的数据。因为由于半径和面积的关系是平方的关系,会将数据的比例放大。
由于圆形有周期的特性,所以玫瑰图也适用于一个周期内的时间概念,比如星期、月份等。(对照柱状图)
当分类少于 3 种时,不推荐使用。
当数据中有个别数据特别小,在玫瑰图中显示会极小极难观察,因此推荐使用其他组件。
image.png
基础玫瑰图

image.png
玫瑰环图