当前栏目
什么是堆叠面积图?
上一篇文章为大家介绍了分组条形图的相关内容,本文介绍的是堆叠面积图。
堆叠面积图是一种特殊的面积图,可以用来比较在一个区间内的多个变量。堆叠面积图和普通的面积图基本一样,唯一的区别就是堆叠面积图每个数据系列的起点都是基于前一个数据系列绘制的,也就是每度量一行就要填满行与行之间的区域。
一般的面积图图中所有的数据都按照实际值绘制,即从相同的零轴开始。堆叠面积图的起点是基于前一个数据集的,用于显示每个数值所占大小随时间或类别变化的趋势线,展示的是部分与整体的关系。
堆叠面积图的基本构成:
X轴,即数据构成
Y轴,连续字段数据
图形形状——组件中数据的面积形状
图形文本——将每个子条形的数值或百分比显示在组件的图形上
图例——每条数据的具体内容
对数据进行配置可以让组件根据相应的数据显示对应的图形,连续字段分别映射到横轴和纵轴另一个分类数据映射到图形,从而对比每个分组数据的变化趋势。
在组件中,X轴字段为纵坐标,反应了面积的组成部分,Y轴字段为横坐标,反应了每一个面积部分的高度。在山海鲸软件中,可将数据拖拽放入对应轴字段展示数据,也可单击后一一勾选。
堆叠条形图组件的字段设置有以下三种情形:
①当X轴为一个字段,Y轴为一个字段时,组件如下所示:
上图中所用示例数据如下:
②当X轴为一个字段,Y轴为多个字段时,组件如下所示:
上图中所用示例数据如下:
X轴使用了“时间”字段,Y轴分别使用了“男装销售额”、“女装销售额”和“童装销售额”三个字段,在上图中可以清楚看到不同城市间男装、女装和童装销售额的对比情况。
③当X轴为两个字段,Y轴为一个字段时,组件如下所示:
上图中所用示例数据如下:
X轴使用了“时间”和“品类”两个字段,Y轴使用了“销售额”字段,在上图中可以清楚看到不同时间和不同品类销售额的对比情况,组件中的“品类”字段起了标识性别的作用。
将工作成果以可视化的方式呈现在别人面前,将需要表达的内容以图形的方式一目了然地展现出来,这是数据可视化的魅力所在,是一门将复杂变成简单的艺术。
下篇文章介绍——散点图,也欢迎对数字孪生/数据可视化/可视化大屏感兴趣的伙伴加入群聊共同学习、分享可视化内容~
相关文章
- 前端面试 【JavaScript】— typeof 是否能正确判断类型?
- 前端面试 【JavaScript】— instanceof 能否判断基本数据类型?
- 前端面试 【JavaScript】— 能不能手动实现一下 instanceof 的功能?
- 前端面试 【JavaScript】— Object.is和=== 有什么区别?
- 前端面试 【JavaScript】— JS中类型转换有哪几种?
- 前端面试 【JavaScript】— == 和 ===有什么区别?
- 前端面试 【JavaScript】— 对象转原始类型是根据什么流程运行的?
- JavaScript 的 parseInt() 函数
- javascript实现两个数字进行组合
- JS监听键盘按键
- 大前端开发中的路由管理之五:Flutter篇
- Javascript的DOM操作
- 在Vue项目中使用WebSocket技术
- 新手向:前端程序员必学基本技能——调试JS代码
- React 毁了 Web 开发!
- 「JS 逆向百例」cnki 学术翻译 AES 加密分析
- 商标注册域名后缀用什么?商标和域名有哪些区别?
- 网站建设流程是怎样的?需要看重哪些细节?
- 网站域名商标注册流程是什么?网站域名商标有什么用?
- 如何建设一个实用性强的网站 网站上线后如何运营