使用python的matplotlib(pyplot)画折线图和柱状图

本文介绍如何使用Python的matplotlib库中的pyplot子库绘制折线图和柱状图。通过实例代码展示了设置坐标轴标签、图例及自定义柱状图样式的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用python的matplotlib(pyplot)画折线图和柱状图

        今天帮师兄赶在deadline之前画论文的图,现学现卖很是刺激,现把使用matplotlib的子库pyplot画折线图和柱状图的代码记录分享一下,方便大家参考,个人感觉pyplot真的蛮方便的,非常值得使用。
        先看下官方对pyplot的描述:“Provides a MATLAB-like plotting framework.”。对,就是一个类似matlab的画图框架。就不多多说了,直接上代码吧:

一、折线图

代码:

import matplotlib.pyplot as plt

#折线图
x = [5,7,11,17,19,25]#点的横坐标
k1 = [0.8222,0.918,0.9344,0.9262,0.9371,0.9353]#线1的纵坐标
k2 = [0.8988,0.9334,0.9435,0.9407,0.9453,0.9453]#线2的纵坐标
plt.plot(x,k1,'s-',color = 'r',label="ATT-RLSTM")#s-:方形
plt.plot(x,k2,'o-',color = 'g',label="CNN-RLSTM")#o-:圆形
plt.xlabel("region length")#横坐标名字
plt.ylabel("accuracy")#纵坐标名字
plt.legend(loc = "best")#图例
plt.show()

运行结果:

折线图

关于上述代码参数的一点解释:
plt.legend(loc=”best”) 中loc=”best”意思是自动选择放图例的合适位置,上图就是放在了右下角,这个参数还有其他的设置如下:
折线图图例参数

二、柱状图
  1. 多个柱状图用颜色区分
    代码如下:
#柱状图
import numpy as np
import matplotlib.pyplot as plt
ATT_LSTM = [0.8892,0.861,0.9243]
MATT_CNN = [0.8966,0.8556,0.9316]
ATT_RLSTM = [0.8867,0.8543,0.9344]
CNN_RLSTM = [0.9016,0.8636,0.9435]
#x = ['REST','LAPT','AUTO']
x = np.arange(3) #总共有几组,就设置成几,我们这里有三组,所以设置为3
total_width, n = 0.8, 4    # 有多少个类型,只需更改n即可,比如这里我们对比了四个,那么就把n设成4
width = total_width / n
x = x - (total_width - width) / 2
plt.bar(x, ATT_LSTM, color = "r",width=width,label='ATT-LSTM ')
plt.bar(x + width, MATT_CNN, color = "y",width=width,label='MATT-CNN')
plt.bar(x + 2 * width, ATT_RLSTM , color = "c",width=width,label='ATT-RLSTM')
plt.bar(x + 3 * width, CNN_RLSTM , color = "g",width=width,label='CNN-RLSTM')
plt.xlabel("dataset")
plt.ylabel("accuracy")
plt.legend(loc = "best")
plt.xticks([0,1,2],['REST','LAPT','AUTO'])
my_y_ticks = np.arange(0.8, 0.95, 0.02)
plt.ylim((0.8, 0.95))
plt.yticks(my_y_ticks)
plt.show()

结果如下:

柱状图颜色区分

2. 多个柱状图用填充图形(\,/,*,o等)
     代码如下:

#柱状图
import numpy as np
import matplotlib.pyplot as plt
ATT_LSTM = [0.8892,0.861,0.9243]
MATT_CNN = [0.8966,0.8556,0.9316]
ATT_RLSTM = [0.8867,0.8543,0.9344]
CNN_RLSTM = [0.9016,0.8636,0.9435]
#x = ['REST','LAPT','AUTO']
x = np.arange(3)

total_width, n = 0.8, 4    # 有多少个类型,只需更改n即可
width = total_width / n
x = x - (total_width - width) / 2

plt.bar(x, ATT_LSTM, color = "w",edgecolor = "k",width=width,hatch = "/",label='ATT-LSTM ')#edgecolor柱状边框颜色,hatch填充的内容
plt.bar(x + width, MATT_CNN, color = "w",edgecolor = "k",width=width, hatch = "+",label='MATT-CNN')
plt.bar(x + 2 * width, ATT_RLSTM , color = "w",edgecolor = "k",width=width, hatch = "*",label='ATT-RLSTM')
plt.bar(x + 3 * width, CNN_RLSTM , color = "w",edgecolor = "k",width=width, hatch = "\\",label='CNN-RLSTM')
plt.xlabel("dataset")
plt.ylabel("accuracy")
plt.legend(loc = "best")
plt.xticks([0,1,2],['REST','LAPT','AUTO'])
my_y_ticks = np.arange(0.8, 0.95, 0.02)
plt.ylim((0.8, 0.95))
plt.yticks(my_y_ticks)
plt.show()

运行结果为:

柱状图

这就是画折线图和柱状图的示例,有问题欢迎大家留言交流。



### 前端播放透明视频的实现方法 为了实现在网页上播放带有透明通道的视频,通常会采用WebM格式的视频文件。这种格式支持Alpha通道,允许创建具有透明背景的视频[^1]。 #### 使用`<video>`标签加载透明视频 HTML5中的`<video>`标签可以直接用于嵌入并控制视频播放器的行为。对于透明视频而言,确保浏览器能够正确解析带Alpha通道的WebM编码至关重要: ```html <video autoplay loop muted playsinline> <source src="path_to_transparent_video.webm" type="video/webm"> </video> ``` 上述代码片段展示了如何通过指定路径来引入一个`.webm`类型的透明视频资源,并设置了自动播放(`autoplay`)、循环播放(`loop`)以及静音(`muted`)属性以优化用户体验[^2]。 #### 设置容器样式使文字清晰可见 为了让位于视频上方的文字保持可读性而不受半透明影响,可以通过CSS调整层叠顺序(z-index),并将文本放置在一个独立于视频元素之外的位置;或者利用伪类`:before/:after`配合绝对定位技术构建覆盖层,从而达到理想的效果: ```css .container { position: relative; } .text-layer { position: absolute; z-index: 999; /* 确保此数值高于视频 */ } ``` 此外,还可以考虑给定具体的色彩对比度较高的字体颜色或阴影效果进一步增强可视性。 #### Vue框架下的实践案例 当涉及到基于Vue.js的应用程序时,除了遵循以上提到的技术要点外,还需注意将视频源链接作为动态绑定的数据项处理。这有助于提高组件灵活性重用率: ```vue <!-- VideoPlayer.vue --> <template> <div class="container"> <video :src="videoSrc" autoplay loop muted playsinline></video> <p class="text-layer">这里是叠加在视频上的文字。</p> </div> </template> <script> export default { data() { return { videoSrc: 'path_to_transparent_video.webm' } }, }; </script> ``` 在此示例中,`videoSrc`被声明为组件内部状态的一部分,便于后续维护与扩展功能。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值