iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > Python >Python实现渐变色的水平堆叠图
  • 150
分享到

Python实现渐变色的水平堆叠图

2024-04-02 19:04:59 150人浏览 薄情痞子

Python 官方文档:入门教程 => 点击学习

摘要

本文实例为大家分享了python实现渐变色水平堆叠图的具体代码,供大家参考,具体内容如下 关键词:Python、matplotlib、barh、堆叠起源:做数据处理时候需要制造一张如

本文实例为大家分享了python实现渐变色水平堆叠图的具体代码,供大家参考,具体内容如下

关键词:Python、matplotlib、barh、堆叠
起源:做数据处理时候需要制造一张如下的图片:

示例图

恰逢最近在学Python,然后就想试一下用python去实现,因为稍微接触过matplotlib这个库,然后就想着用它去实现

首先通过查资料,才知道这种图的名字叫做“水平堆叠条状图”,然后使用Matplotlib.plot.barh()就可以实现水平堆叠的效果;

水平或者垂直堆叠的效果,网上有挺多教程的了,这里就不再进行描述,主要是为了记录一下怎么去实现渐变色

一开始找资料,并没有找到这种堆叠图的渐变色怎么做出来
如果有大哥找到了简便方法,还请告知一下!然后就尝试着自己去写一些语句去实现;现在就将研究的流程做个记录

首先是绘图函数的认识

barh函数的参数很多,但是我们只关注几个参数:
X表示是上图中的 E1 E2 E3这样的坐标(可以理解为刻度值吧)
width表示的是当前堆叠部分的长度,这个值很关键!
left值是当前堆叠部分的起始点,这个值也很关键
color表示的是当前堆叠部分的颜色,遵循RGB顺序,但是它范围(0——0.1),即我们需将实际(R,G,B)值除以255再传入
alpha表示的是当前堆叠部分的颜色透明度,即和上面的color参数一起构成了(RGBA)
label表示的是当前堆叠部分的图形样例,即上图中的"label=二级指标1"那样的图例;该参数为空的时候不创建图例,如果不为空就会根据传入的字符串创建图例,默认是不支持中文的,如果要用中文,需要加以下这两句话在import matplotlib之后

#用来正常显示中文
plt.rcParams['font.sans-serif']=['SimHei','Times New Roman'] 
plt.rcParams['axes.unicode_minus']=False
`

然后讲讲怎么思考的

X的就是数轴上的显示的刻度值(你也可以给他重命名);
width表示的是堆叠(填充)长度,left是本次填充起始点,那么我们将这两个参数结合以下,就可以将本该一次填充完的长度,分成几次填充,再分别给这几次填充使用临近的RGB值,就会呈现一种渐变的效果

# 一次填充完成
import matplotlib.pyplot as plt
import numpy as np
plt.rcParams['font.sans-serif']=['SimHei','Times New Roman'] # 用来正常显示中文标签
plt.rcParams['axes.unicode_minus']=False
    # 网上找到的渐变色的RGB配色方案
Color1 = np.array([131, 175, 155])
Color2 = np.array([200, 200, 169])
Color3 = np.array([249, 205, 173])

x = ["E1"]
Y1 = np.array([0.1])
Y2 = np.array([0.3])
plt.barh(x, Y1, align="center", color=Color1 / 255, alpha=1, label="ONE1")
plt.barh(x, Y2, left=Y1, color=Color2 / 255, alpha=1, label="ONE2")
plt.legend()
plt.show()

上述代码运行以后的效果是这样的

然后基于我们上述的分析,我们将对“ONE2”色块运用参数:X,width,left,color进行分次填充实现渐变效果:

首先我们定义一个变量divid,这个变量将会决定了你分多少次填充

#填充次数,值越大渐变效果越好,但是计算量也会相应的增大
divid=20

其次我们将我们原来的填充量、颜色渐变差值分别分别除以divid

Y2_rate=Y2/divid
#用下一个颜色减去当前色快的颜色;这也将会解释了我后来的完整代码里,将会严格要求Color个数大于 Y 的个数 
#实际上Color和Y大多数情况下是行向量,但仍然用“个数”来表述,为了更方便理解
Color_rate=(Color3-Color2)/divid

然后我们将会将这两个值在barh函数里进行使用

for i in range(divid):
    if i==int( divid /2 ): #这里是去原先整个色块的中心RGB作为图例色
        plt.barh(x,Y_rate,left=Y1+Y_rate*i,color=(Color1+i*Color_rate) / 255, alpha=1.0,label='ONE2')
    else:
        plt.barh(x,Y_rate,left=Y1+Y_rate*i,color=(Color1+i*Color_rate) / 255, alpha=1.0)

运行之后的效果为

而为了说明divid在这里影响渐变效果我们将分辨用几个递增的divid值来进行演示
divid=2时候,出现了明显的分界线

divid=8时候,分界线被淡化了,但还是隐约可见

divid=50的时候,几乎看不到分界线了

以上效果仅仅是基于一个X 一个Y的色快渐变进行演示,是为了更好地演示方法和思路;但是实际应用中,X,Y都将会是较长的行向量,因此,需要斟酌一下divid的选择;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: Python实现渐变色的水平堆叠图

本文链接: https://www.lsjlt.com/news/117507.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Python实现渐变色的水平堆叠图
    本文实例为大家分享了Python实现渐变色水平堆叠图的具体代码,供大家参考,具体内容如下 关键词:python、matplotlib、barh、堆叠起源:做数据处理时候需要制造一张如...
    99+
    2024-04-02
  • Python怎么实现渐变色的水平堆叠图
    这篇文章主要讲解了“Python怎么实现渐变色的水平堆叠图”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Python怎么实现渐变色的水平堆叠图”吧!关键词:python、matplotlib...
    99+
    2023-06-30
  • python+opencv实现堆叠图片
    本文实例为大家分享了python+opencv实现堆叠图片的具体代码,供大家参考,具体内容如下 # import cv2 # import numpy as np # # img =...
    99+
    2024-04-02
  • Python+matplotlib实现堆叠图的绘制
    目录一、水平堆叠图二、波浪形堆叠图三、加上数据标签注:本文的所有数据请移步—— 参考数据 一、水平堆叠图 堆叠图其实就是柱状图的一种特殊形式 fro...
    99+
    2024-04-02
  • Android如何实现渐变色水波纹效果
    这篇文章主要介绍了Android如何实现渐变色水波纹效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。项目中使用到的效果,效果图如下:代码实现:public cla...
    99+
    2023-06-21
  • python+opencv怎么实现堆叠图片
    这篇文章主要讲解了“python+opencv怎么实现堆叠图片”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“python+opencv怎么实现堆叠图片”吧!代码如下:# impor...
    99+
    2023-06-30
  • jQuery插件Echarts怎么实现的渐变色柱状图
    这篇文章给大家分享的是有关jQuery插件Echarts怎么实现的渐变色柱状图的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。效果图:代码如下:<!DOCTYPE ...
    99+
    2024-04-02
  • Python OpenCV超详细讲解图像堆叠的实现
    目录准备工作水平堆叠垂直堆叠图像栈堆叠准备工作 右击新建的项目,选择Python File,新建一个Python文件,然后在开头import cv2导入cv2库,import num...
    99+
    2024-04-02
  • Android自定义View之渐变色折线图的实现
    目录前言如何实现总结前言 在之前的项目中,有做过一个需求,需要实现一个颜色渐变的折线图。当时项目中使用的图表库是MPAndroidChart,但是该库没有提供合适的方法来实现想要的效...
    99+
    2024-04-02
  • Android怎么自定义View实现渐变色折线图
    这篇文章主要介绍“Android怎么自定义View实现渐变色折线图”,在日常操作中,相信很多人在Android怎么自定义View实现渐变色折线图问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Android怎么...
    99+
    2023-06-30
  • tkinter使用js的canvas实现渐变色
    目录1. 使用rgb表示颜色2. tkinter canvas组件3. 设置渐变3.1 渐变的原理3.2 实例1总结之前呢,我一直对GUI不是很感兴趣,但是呢,最近由于某些特殊原因,...
    99+
    2024-04-02
  • CSS3颜色渐变是怎么实现的
    这篇文章主要介绍“CSS3颜色渐变是怎么实现的”,在日常操作中,相信很多人在CSS3颜色渐变是怎么实现的问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS3颜色渐变是怎么实...
    99+
    2024-04-02
  • CSS3怎么实现文字颜色的渐变
    小编给大家分享一下CSS3怎么实现文字颜色的渐变,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   在文本上加上颜色渐变  ...
    99+
    2024-04-02
  • Vue实现渐变色进度条的代码
    今天在封装一个个类似于下面这样的进度条组件 功能要求 进度条的总格子数可以自定义当前件数的占比和当前蓝色格子数对应格子的蓝色渐变要符合UI设计 这个渐变色的处理浪费了好一会功夫,下...
    99+
    2024-04-02
  • CSS3中线性颜色渐变的实现方法
    本篇内容介绍了“CSS3中线性颜色渐变的实现方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!为了显示一个...
    99+
    2024-04-02
  • css好看的渐变色背景怎么实现
    要实现CSS中的渐变色背景,可以使用CSS的linear-gradient()函数。linear-gradient()函数可以在指定...
    99+
    2023-08-08
    css
  • Matlab实现极坐标堆叠柱状图的绘制
    目录part1: 函数介绍基本使用角度范围常用函数:改变样式常用函数:设置下界常用函数:修改颜色添加图例part2: 完整类函数代码part3: 两个使用示例示例一示例二极坐标堆叠图...
    99+
    2022-11-13
    Matlab堆叠柱状图 Matlab 柱状图
  • Android实现流动的渐变色边框效果
    目录前言实现思路总结前言 记得在介绍 motion_toast 一篇的时候,开篇有一张动图,边框是渐变色而且感觉是流动的。这个动效挺有趣的,当时也有人问怎么实现,经过上一篇《让你的聊...
    99+
    2024-04-02
  • CSS3中颜色线性渐变的实现方法
    这篇文章主要讲解了“CSS3中颜色线性渐变的实现方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS3中颜色线性渐变的实现方法”吧!线性渐变可以设置3个...
    99+
    2024-04-02
  • tkinter如何使用js的canvas实现渐变色
    这篇文章主要讲解了“tkinter如何使用js的canvas实现渐变色”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“tkinter如何使用js的canvas实现渐变色”吧!1. 使用rgb表...
    99+
    2023-06-21
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作