一篇文章带你了解面积图

面积图的定义：

面积图是在折线图的基础上，对折线以下的区域进行颜色填充（即面积颜色），用于在连续间隔或时间跨度上展示数值，一般用来显示趋势和对比关系（多个面积块之间的对比），不同颜色的填充可以更好地突出趋势信息。面积图最常用于表现趋势和关系，而不是传达特定的值。

面积图的种类：

（1）根据呈现的形式，我们可以将面积图分为二维的面积图和三维的面积图。二维面积图主要以平面的形式来呈现，三维面积图则是以立体的形式来呈现。

（2）根据强调的内容不同，又可以将面积图分为三类：

①普通的面积图：显示各种数值随时间或类别变化的趋势线。

②堆积的面积图：显示每个数值所占大小随时间或类别变化的趋势线，主要强调某个类别交于系列轴上的数值的趋势线。

③百分比堆积面积图:显示每个数值所占百分比随时间或类别变化的趋势线，主要强调每个系列的比例趋势线。

接下来我以以下数据作为示例数据，利用山海鲸可视化软件制作一个面积图：

①将我们提前准备好的示例数据导入到软件中：

②直接选择软件内置的基础组件——面积图：

③将导入的数据与添加好的组件进行连接，即字段的勾选、添加：

④数据添加好之后，一个完整的面积图已经制作好了，最后只需要根据自己的审美或需求进行样式的更改即可：

在以上步骤中，应该不难发现，我们并不需要编写任何的代码，只需要直接将数据与内置组件进行连接即可。零代码的拖拽式操作，可以省去不少时间，非常适合不会代码但有制作可视化图表或可视化大屏的需求的数据分析者~

面积图的作用：

在使用面积图时，常常少不了提起折线图，但面积图比折线图看起来更加美观，且更能突出每个系列所占据的面积，更直观地把握整体趋势。最主要是一点是，面积图可以纵向与其他系别进行比较，能够直观地反映出差异。

一篇文章带你了解面积图相关推荐

一篇文章带你了解折线图
在我们的日常生活中,折线图随处可见,如医院里的心电图.股市里的股票走势.企业中的财务报表分析,但是折线图的具体适用情形,你真的了解吗? 折线图(line chart)也叫曲线图,用于显示数据在一个连续 ...
一篇文章带你了解Flannel
from: http://dockone.io/article/618 DockOne技术分享(十八):一篇文章带你了解Flannel [编者的话]Flannel是 CoreOS 团队针对 Kuber ...
一篇文章带你详解 HTTP 协议（下）
文章目录,方便阅读: 一.概述(已讲) 二.HTTP 工作过程(已讲) 三.HTTP 协议基础(已讲) 四.HTTP 协议报文结构(已讲) 五.HTTP 报文首部之请求行.状态行(已讲) 六.HTTP ...
一篇文章带你快速理解JVM运行时数据区、程序计数器详解（手画详图）值得收藏！！！
受多种情况的影响,又开始看JVM 方面的知识. 1.Java 实在过于内卷,没法不往深了学. 2.面试题问的多,被迫学习. 3.纯粹的好奇. 很喜欢一句话:"八小时内谋生活,八小时外谋发展. ...
java 不重启部署_一篇文章带你搞定SpringBoot不重启项目实现修改静态资源
一.通过配置文件控制静态资源的热部署在配置文件 application.properties 中添加: #表示从这个默认不触发重启的目录中除去static目录 spring.devtools.res ...
一篇文章带你熟悉 TCP/IP 协议（网络协议篇二）
涤生_Woo 2017年11月11日阅读 15544 关注一篇文章带你熟悉 TCP/IP 协议(网络协议篇二) 同样的,本文篇幅也比较长,先来一张思维导图,带大家过一遍. 一图看完本文一. 计算机 ...
一篇文章带你走近Android自定义view
系列文章目录一篇文章带你走近Android自定义view 文章目录系列文章目录前言一.为什么要自定义view 二.先看看一个超级简单的自定义view(三个构造函数) 三.了解手机的坐标系四. ...
一篇文章带你搞懂微信小程序的开发过程
点击上方"前端进阶学习交流",进行关注回复"前端"即可获赠前端相关学习资料今日鸡汤只解沙场为国死,何须马革裹尸还. 大家好,我进阶学习者. 前言小 ...
一篇文章带你详解 HTTP 协议
一篇文章带你详解 HTTP 协议本篇文章篇幅比较长,先来个思维导图预览一下. 一张图带你看完本篇文章一.概述 1.计算机网络体系结构分层计算机网络体系结构分层 2.TCP/IP 通信传输流利用 ...

一篇文章带你了解面积图

一篇文章带你了解面积图相关推荐

最新文章

热门文章