您现在的位置是：首页 > 恋爱课程恋爱课程
高价值展示坐标轴 数据可视化必修课：图表篇
2021-05-29 17:03:30恋爱课程人已围观
简介高价值展示坐标轴 数据可视化必修课：图表篇图表的定义：可直观展示统计信息的属性，对知识挖掘和信息直观生动感受起关键作用的图形结构，是一种很好的将对象属性数据直观、形象地可视化的手段。图表是由：标题、图例、刻度轴、数据展示、网格线、提示信息、水位线、时间轴组成，每一个元素都有他存在的意义。是数据可视化必修课中最重要的模块之一，不可忽略。
(←长按复制)
高价值展示坐标轴 数据可视化必修课：图表篇
随着互联网的数字化越来越完善，数据可视化这个词被使用的越来越频繁，图表是数据可视化最常用的形式。无论是工作汇报还是后端设计，都离不开图表的使用。但是图表类的信息过于零散，没有条理，对初学者非常不友好。在这篇文章中，我从图表的祖先开始，将其全部挖掘出来。希望对你有帮助（如果图片看不清楚，可以点开看看~）
一、什么是图表
图表的定义：一种图形结构高价值展示坐标轴，可以直观地展示统计信息的属性，在知识挖掘和信息直观生动体验方面起到关键作用。是一种直观、形象地可视化对象属性数据的好方法。
英文名称：.
用户对图形比文本更敏感，所以产品需要将数据信息可视化，用简单的图形来展示更多的信息。图表是最常用的数据可视化形式。
接下来介绍图表的具体构成和元素分析。
二、 图表构成
图表由：标题、图例、刻度轴、数据显示、网格线、提示信息、水位、时间轴组成。每个元素都有自己的含义。实际使用中，不需要显示所有的元素，只显示想要显示的内容即可。
三、图表元素分析3.1标题
顾名思义，标题就是图表的名称，标题是必不可少的元素。标题内容要简明扼要，不要太长，两字写得清楚，绝对不能三字。
标题有 3 个常见位置：左上角、顶部居中、底部居中。
一般情况下，标题的字体大小/颜色值应该比较突出。当用户第一次看到它时，他应该清楚地看到图表的作用。
特殊情况下，如果标题需要额外说明，有两种呈现形式：
3.2 传奇
3.2.1 图例的构成
颜色、名称、值、单位。
3.2.2 图例显示形式
圆形、开关、矩形、凸出线、实线、虚线。
3.2.3 图例位置
从左到右，从上到下。
3.2.4传说的作用
3.2.5种颜色选择图例
在同一组图例中，不要有相似的颜色，否则在图表显示中不会相互区分。
在产品的使用中，需要规范图例颜色的使用，一般分为两种：
3.2.6 图例过多时如何显示
3.2.7 共享图例
如果多个图例相同高价值展示坐标轴，则可以将它们组合以减少多余的图例。
3.2.8 图例省略
如果只有一个图例，可以省略。
3.2.9 图例名称限制
根据不同的使用场景，为了更好的显示效果，图例名称设置一个最大值，超过最大值时省略显示。
3.3坐标轴
坐标轴分为X轴和Y轴。一般情况下是1个X轴+1个Y轴。但是，在特殊情况下也可以使用 2X+Y 或 X+2Y。
3.3.1 标度值的含义
3.3.2 坐标轴使用规则
带单位：
对齐方式（通常使用，但不是必需的）：
尺度值过多时如何显示：
尺度值的选取必须是相同的规则，相同距离的尺度值禁止代表不同的数据。
刻度点的样式和使用规则：
刻度线朝外。
3.4 数据展示
数据的显示是其中最明显的地方，可以说如果只显示一个元素，就是他。
使用数据显示规则：
3.5 条网格线
3. 5. 1网格线的作用
与坐标轴相呼应，漂亮。
3.5.2 使用网格线的规则
应该减弱线条的颜色，而不要压倒客人；
实线主要用于网格线。不要使用虚线。
3. 5. 3个使用场景
水平、垂直、水平和垂直结合，无网格线。
3.6 提示信息
通常，提示信息用于标识数据信息的重点。需要注意的是，重要信息应尽可能简化，信息量不应太大。简短明了是很好的。
3.7 水印
根据不同产品的使用场景，有时会使用一个阈值，当达到一定的阈值时，就会触发一定的联动。这时候就需要一个水位高价值展示坐标轴，起到警示作用。
有两种形式，实线和虚线。颜色的选择取决于产品的警告级别。
水印可以是一个也可以是多个，视情况而定。
3.8 时间线
时间轴可以灵活调整刻度值的上下限，让您可以更准确地看到想要看到的数据。
时间轴的功能和限制不是很复杂，就不多说了高价值展示坐标轴，有需要就用吧。
四、 使用图表的建议 4. 1 个折线图线
4.1.1 定义
折线图可以显示随时间变化的连续数据（根据常用的刻度设置），因此非常适合显示等时间间隔的数据趋势。
折线图是通过折线的波动来表达数据波动的图表，主要反映数据随时间的变化。
4. 1. 2个使用场景
常用于观察一段时间内数据波动的浮动变化，比如一天的内存使用情况。
4.1.3 使用建议
Y轴刻度值的选择要合理，显示的数据波动要最大化；
重要节点可以单独标记；
数据的拐点应该是平滑的，不能太尖锐。
4. 2面积图面积
4.2.1 定义
面积图类似于折线图。不同之处在于面积图将数据区域划分为一个区域，使数据显示更加清晰。
4.2.2 种使用场景
尽量不要在面积图中显示超过3个图例，否则，如果数据很多高价值展示坐标轴，数据显示会特别乱，影响查看。
4.2.3 使用建议
区域区域应使用与折线颜色相同的色系，不要改变色系；
区域区域一般比折线颜色浅，这样视觉上更舒服；
如果面积图也用在多个数据的情况下，面积区域要尽量透明，否则部分数据会被遮挡不可见。
4.3 直方图条形
4.3.1 定义
柱状图，也称为条形图和柱状图。用于比较两个或多个值（不同时间或不同条件），只有一个变量，通常用于较小的数据集分析。
4.3.2 使用场景
4.3.3 使用建议
直方图的粗细不应该是固定值，应该自适应处理不同尺寸的分辨率显示；
厚度和间距的对比要合理设计；
可以用小圆角，不要用大圆角，太丑了...
如果要强调某一列，可以通过颜色来区分，但列颜色不能超过2个（同一维度下）；
如果要在列上显示值，请使用建议（以下顺序为推荐顺序）：
4.4饼图饼图
4.4.1 定义
饼图仅将数据排列在工作表的一列或一行中。是一个总数据的图表，可以查看各个类别在总数据中所占的百分比。
4.4.2 种使用场景
4.4.3 使用建议
4.5 圆环图
4. 5. 1定义
环形图是将两个不同大小的圆叠加并切割中心部分得到的图。
4.5.2 种使用场景
4.5.3 使用建议
环形图的起点是0/12点；
戒指的厚度要合理，不能太厚太薄；
环形图的两个圆圈应该从中心对齐。
4.6 堆积面积图
4.6.1 定义
堆积面积图是数据区域按顺序逐渐堆积的图形。
4.6.2 种使用场景
常用于不同资源的流量/容量使用。
4.6.3 使用建议
4.7 堆积柱形图
4.7.1 定义
堆叠直方图是数据直方图按顺序逐渐堆叠而成的图形。
4.7.2 种使用场景
常用于在不同维度显示相同的指标。
4.7.3 使用建议
4.8 非常有用的图表
上面介绍了常用图表的使用，但是图表的种类远不止这些，非常有用的图表种类还有很多，这次我先列出来，如果大家有兴趣，以后再写建议流行图表的第一阶段：
雷达图、散点图、烛台图、箱形图、热度图、旭日图、桑基图、树状图、漏斗图、仪表板。
五、常用图表开源网站5.1
5.2
5.3 蚂蚁
六、总结
是数据可视化必修课中最重要的模块之一，不容忽视。只有了解了每一种的定义和使用场景，才能在产品中使用最合适的一种。
如果觉得对你有帮助，可以点击关注，继续分享设计。
Tags：高价值展示坐标轴
很赞哦！ ()
相关文章
随机图文
浪迹教育聊天话术《撩妹聊天全能话术惯例》PDF电子书
浪迹教育聊天话术《撩妹聊天全能话术惯例》教程介绍：本期给大家分享一个撩妹聊天话术惯例电子书，很多兄弟都知道如何正确聊天和回答女生的问题，本次电子书能够解决你大多数聊天
坏男孩学院泰勒《热座》2023整合版百度网盘下载
本期恋爱课程是坏男孩学院泰勒《热座》2023整合版！网站课程均有备份，若是课程内容失效，可联系我们课程重新上传!课程均保存在百度网盘，下载地址在页面底部!课程目录：01第一周 核
舞步学院舞步情感阿龙《龙门弟子》完整版
舞步学院舞步情感阿龙《龙门弟子》本期课程是舞步学院舞步情感的龙门弟子课程，全部课程均为内部实战VIP教学课程，课程中，会教你如何聊天，以及舞步情感导师原创的病毒式聊天法。
小鹿情感恋爱秘籍：追女生必看恋爱模型图
小鹿情感恋爱秘籍：追女生必看恋爱模型图教程介绍：本期是一套基础的最女生模型图，通过这些模型图，你可以知道自己当前追女生所在的阶段，同时能够掌握各种追女生的模型以及聊天技巧
文章评论
| 留言与评论（共有 0 条评论） |