echarts实现2d柱状_堆叠柱状图-程序员宅基地

技术标签: echarts实现2d柱状  

介绍

堆叠柱状图是柱状图的扩展,不同的是,柱状图的数据值为并行排列,堆叠柱图则是一个个叠加起来的。它可以展示每一个分类的总量,以及该分类包含的每个小分类的大小及占比,因此非常适合处理部分与整体的关系。

与饼图显示单个部分到整体的关系不同的是,堆叠柱状图可以显示多个部分到整体的关系。例如一个班级体育课选课的各项目人数统计,你可以用柱状图或饼图来展示。但是,当需要进一步区分男生和女生参与到不同项目中的人数分别是多少时,就需要把每个项目中包含的男生数和女生数都展示出来。如图选用堆叠柱状图,不仅能显示每个项目的总人数,还能展示出每个项目中的一部分与整体的关系。

适合的数据类型

I

II

III

A

10

8

20

B

8

15

17

C

14

15

17

堆叠柱状图的使用建议

1、遵循基本的柱状图使用原则。为了使图表易于理解,请避免使用太多颜色,不要刻意展示被截断的数据误导读者。

2、堆叠柱状图不适合用于对比不同分组内同个分类之间的数据大小。

3、堆叠柱状图最好的展示效果是每个组只包含两到三个类别,最多不要超过6个,因为太多的数据系列会使数据的阅读和分辨变得非常困难。

4、由于要分析部分数据在整体中的占比,因此要避免用堆叠柱状图展示包含负数的数据。

5、大多数的堆叠柱状图都是垂直绘制的,但是如果你的数据标签特别长时,考虑更好地展示效果,可以选择使用水平堆叠的方式。

更多示例

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39738755/article/details/112044863

智能推荐

ADB投屏_Android跨平台投屏软件(无需root)--scrcpy-程序员宅基地

文章浏览阅读1.8k次。之前一直使用 Chrome 的一个插件「Vysor」进行 Android 手机的投屏,但是有码率限制,高码率需要付费,最近发现一个更好的继任者「scrcpy」,就来推荐一下。本文将以 Mac 为例进行配置和使用 scrcpy,其他系统请参考官方文档,要求有一定的技术动手能力,觉得过于复杂的用户推荐使用「Apower Mirror」(使用简单,支持 Android 和 iOS)。项目介绍做过 And..._adb 投屏

【Python学习】 - sklearn学习 - 数据集分割方法 - 随机划分与K折交叉划分与StratifiedKFold与StratifiedShuffleSplit_from sklearn.model_selection import kfold-程序员宅基地

文章浏览阅读1w次,点赞9次,收藏49次。一、随机划分import numpy as npfrom sklearn import datasetsiris = datasets.load_iris()X = iris.datay = iris.target# 1)归一化前,将原始数据分割from sklearn.model_selection import train_test_splitX_train,X_tes..._from sklearn.model_selection import kfold

Mybatis一对一、一对多、多对多查询。+MYSQL-程序员宅基地

文章浏览阅读9.8k次,点赞17次,收藏81次。场景:使用三张数据表:student学生表、teacher教师表、position职位表一个学生可以有多为老师、一位老师可以有多个学生、但是一个老师只能有一个职位:教授、副教授、讲师;但是一个职位可以有多个老师:例如教授可以多人这里则产生了:一对一关系,从老师角度:老师对职位一对一一对多关系,从职位角度:职位对老师一对多多对多关系:查找被教授教导的所有学生(首先职位对..._"

自动化运维-centos 8 kickstart系统批量部署_centos8 ks-程序员宅基地

文章浏览阅读2.8k次。自动化运维-centos 8 kickstart系统批量部署了解kickstartwhat’s kickstartkickstart 是使用一个标准的站点为一些机器安装统一配置的linux 操作系统。kickstart的配置文件的获得方式:手动写入使用GUI system-config-kickstart 工具使用标准的Red Hat安装程序Anacondaanaconda-ks...._centos8 ks

ImmutableMultiDict转成dic类型(Python)-程序员宅基地

文章浏览阅读1.8w次。Flask中常见的数据类型处理问题项目常见的从前端通过Ajax返回的数据,是ImmutableMultiDict类型的,我们要处理成dic类型然后存入后台数据库。各种百度搜索,都是骗子,不如自己捣鼓。前端Ajax取数据View.py里面的处理方法a = request.values #把Ajax中的数据取出来 print(a) #输出一下,看是什么类型,Imm..._immutable

(1)Hadoop 的第一个程序 WordCount 理解_为啥第一个写word count-程序员宅基地

文章浏览阅读88次。Hadoop 的第一个程序 WordCount 理解map and Reduce 相关概念Mapmap 负责将自己区块数据, 做简单拆分, 成一个map, 这个map 是不去重的, 会在map 后面最加值, 让数据分组比如两个 机器的两个mapmachine1:# 以下数据是machine1 hdfs 区块的数据hello hello hello// 这是machine 1 的 context[ {"hello" : 1}, {"hello" : 1}, {"hello_为啥第一个写word count

随便推点

MyBatis3 DynamicSql风格语法使用指南_selectstatementprovider-程序员宅基地

文章浏览阅读1.8w次。MyBatis3-DynamicSql风格语法使用指南转载请注明出处:https://www.jjput.com/archives/dynamicsql主要演示DynamicSql风格代码如何使用,基本能应对大部分使用场景。DynamicSql基本介绍点我查看。本文主要沿着增、删、改、查的思路进行介绍,尽量涵盖日常使用所需。我这里还是要推荐一下大家看官方文档,尽量有问题先找官方文档教程,除非写的跟屎一样,但大概率不会。本次使用的是mybatis-dynamic-sql1.2.1版本<!--_selectstatementprovider

Java8特性总结(二)Lambda表达式,函数式接口,方法引用_返回值是function<integer,string>的方法-程序员宅基地

文章浏览阅读3.4k次。Lambda表达式,函数式接口,方法引用_返回值是function的方法

LRN层的实现-程序员宅基地

文章浏览阅读1.8w次。版权声明:本文为卜居原创文章,未经博主允许不得转载。卜居博客地址:http://blog.csdn.net/kkk584520LRN全称为Local Response Normalization,即局部响应归一化层,具体实现在CAFFE_ROOT/src/caffe/layers/lrn_layer.cpp和同一目录下lrn_layer.cu中。该层需要参数有:norm_lrn层

win10安装.NET 3.5报错 错误代码0X80070005 的解决方案_.net3.5错误代码0x80070005-程序员宅基地

文章浏览阅读1.2k次。然后再使用dotnetfx35.exe安装,最好以管理员方式运行。使用这个工具打开Windows更新。_.net3.5错误代码0x80070005

Image Style Transfer Using Convolutional Neural Network_image style transfer using convolution neural netw-程序员宅基地

文章浏览阅读560次。转载自:http://blog.csdn.net/gavin__zhou/article/details/53144148今天这篇是关于neual art的,也就是style transfer算法; 文章来源: A Neural Algorithm of Artistic Style, CVPR2015 Image Style Transfer Using Convolut_image style transfer using convolution neural network

基于AO/AE获取要素信息_ao怎么获取选中的group-程序员宅基地

文章浏览阅读1.5k次。基于AO/AE获取要素信息1、基于AE获取要素简单信息 Private Sub AxMapControl1_OnMouseDown(ByVal sender As Object, ByVal e As ESRI.ArcGIS.MapControl.IMapControlEvents2_OnMouseDownEvent) Handles AxMapControl1.OnMouseDown_ao怎么获取选中的group

推荐文章

热门文章

相关标签