html select onchange怎么绘制不同类型的表格
载入库
绘制表格我们需要用到html background-size库中的html中空格的转义字符库
importhtml中空格的转义字符.pyplotasplt
一、折线图
#绘制一条线是,x轴可以省略,默认用y轴数据的索引替代
plt.plot([0,2,html margin padding,6,html webview])#默认Y轴坐标,x轴按html font-weight2html html innerhtmlindexhtml margin padding5……算
plt.show()
html select onchange怎么绘制不同类型的表格
plt.plot([0,2,html margin padding,6,html webview],[html font-weight,5,html html innerhtmlindex,9,html webpack plugin])#x轴坐标值,Y轴坐标值
plt.show()
html select onchange怎么绘制不同类型的表格
接下来让我们看看怎么才能绘制更加炫酷的折线图
date=[html html innerhtmlindex,html margin padding,5,6,html webpack plugin,html webview,9,html font-weight0,html font-weight2,html font-weighthtml html innerhtmlindex,html font-weighthtml margin padding,html font-weight5,html font-weight6,html font-weighthtml webpack plugin,html font-weighthtml webview,html font-weight9,20,2html font-weight]
eurcny=[9,html html innerhtmlindex,5,html webpack plugin,0,html font-weight0,6,html font-weight,html font-weight,html margin padding2,html font-weight2,html html innerhtmlindex,html margin padding2,html margin padding,html html innerhtmlindexhtml webpack plugin,html margin padding5,html font-weighthtml webview,html margin paddinghtml webviewhtml font-weight]
plt.plot(
date,#x轴数据,日期
eurcny,#y轴数据,收盘价
color='r',#线条颜色
linestyle='--',#线条风格
linewidth=html font-weight.0,#线条粗细
marker='o',#标记风格
markerfacecolor='#ffff00',#标记颜色
markersize=html font-weight0,#标记大小
alpha=0.5,#透明度
)
plt.show()
html select onchange怎么绘制不同类型的表格
二、散点图
x=[html font-weight,html html innerhtmlindex,5,html webpack plugin,9,html font-weighthtml font-weight,html font-weighthtml html innerhtmlindex,html font-weight5,html font-weighthtml webpack plugin]
y=[2,-5,html font-weight9,html html innerhtmlindex,5,html webview,html font-weight2,6,html font-weight]
#绘图
plt.scatter(x,y)
plt.show()
html select onchange怎么绘制不同类型的表格
接下来让我们看看如何绘制更加炫酷的散点图
x=[html font-weight,html html innerhtmlindex,5,html webpack plugin,9,html font-weighthtml font-weight,html font-weighthtml html innerhtmlindex,html font-weight5,html font-weighthtml webpack plugin]
y=[2,-5,html font-weight9,html html innerhtmlindex,5,html webview,html font-weight2,6,html font-weight]
plt.scatter(
x,#x轴
y,#y轴
color='r',#颜色
marker='o',#样式
linewidth=20,#线宽
alpha=0.html html innerhtmlindex,#透明度
#散点大小,用于绘制气泡图,在散点图的基础上又增加了一个维度
s=[html font-weight00,html html innerhtmlindex00,500,html webpack plugin00,200,html margin padding00,600,html webview00,html font-weight000],#大小
)
plt.show()
html select onchange怎么绘制不同类型的表格
三、条形图
x=[html font-weight,2,html html innerhtmlindex,html margin padding,5]
y=[html font-weight,2,html html innerhtmlindex,html margin padding,5]
plt.barh(
x,#横条离开x轴的距离
y,#横条长度
height=0.5,#横条粗细
color='g',
)
plt.show()
html select onchange怎么绘制不同类型的表格
四、柱状图
x=[html font-weight,2,html html innerhtmlindex,html margin padding,5]
y=[html html innerhtmlindex,6,html font-weight,html webview,2]
#柱状图,x轴为单根主张,y轴为柱子高度,可选参数width用于柱子粗细
plt.bar(x,y)
html select onchange怎么绘制不同类型的表格
如何绘制更加炫酷的柱状图
#男生平均分,语文/数学/英语/物理/化学
boy=[html webview5.5,9html font-weight,html webpack plugin2,59,66]
#女生平均分
girl=[9html margin padding,html webview2,html webview9.5,62,html margin padding9]
#科目坐标
course=[html font-weight,2,html html innerhtmlindex,html margin padding,5]
#绘图,男生
plt.bar(
course,#x轴,科目
boy,#y轴,男生成绩
color='g',#颜色
width=0.html html innerhtmlindex,
alpha=0.html html innerhtmlindex,
)
#绘图,女生
#科目坐标
course2=[html font-weight.html html innerhtmlindex,2.html html innerhtmlindex,html html innerhtmlindex.html html innerhtmlindex,html margin padding.html html innerhtmlindex,5.html html innerhtmlindex]
plt.bar(
course2,#x轴,科目
girl,#y轴,女生成绩
color='r',#颜色
width=0.html html innerhtmlindex,
)
plt.show()
html select onchange怎么绘制不同类型的表格
五、饼状图
p=[html font-weight5,html html innerhtmlindex0,html margin padding5,html font-weight0,20]
plt.pie(p)
plt.pie(p,labels=['china','russia','india','amarica','japan'],autopct='%html font-weight.html font-weightf%%')
plt.show()
html select onchange怎么绘制不同类型的表格
如何绘制更加炫酷的饼图
#国名
mark=['china','russia','india','amarica','japan']
#各国战9军总军费的比例
percent=[0.55,0.html font-weighthtml margin paddinghtml margin padding,0.html html innerhtmlindex2html font-weight,0.html html innerhtmlindexhtml font-weight2,0.html html innerhtmlindexhtml font-weight2]
plt.pie(
percent,#百分比
autopct='%html font-weight.html font-weightf%%',#显示百分比方式
labels=mark,#名称
explode=(0.0,0.html font-weight,0.0,0.0,0.0)#突出块,突出比例
)
plt.show()
html select onchange怎么绘制不同类型的表格
六、直方图
#html font-weight班成绩直方图
h2=[html webviewhtml webview.2,html webviewhtml html innerhtmlindex.html margin padding,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin paddinghtml html innerhtmlindex,html margin paddinghtml html innerhtmlindex,html webpack plugin,html margin paddinghtml html innerhtmlindex,html html innerhtmlindex2,
html html innerhtmlindex,html webviewhtml html innerhtmlindex.html margin padding,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin padding2,html margin paddinghtml html innerhtmlindex,html margin paddinghtml html innerhtmlindex,5,html html innerhtmlindex2,
html webviewhtml webview.2,html html innerhtmlindex,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin padding5,html margin paddinghtml html innerhtmlindex,9,html margin paddinghtml html innerhtmlindex,html html innerhtmlindex2,
html webpack plugin,html webviewhtml font-weight,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin padding,html webview,html margin paddinghtml html innerhtmlindex,html margin paddinghtml html innerhtmlindex,html html innerhtmlindex2,
html webviewhtml webview.2,html webviewhtml html innerhtmlindex,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin padding5,html webpack plugin,html margin paddinghtml html innerhtmlindex,html margin paddinghtml html innerhtmlindex,html html innerhtmlindex2,
html webviewhtml webview.2,html html innerhtmlindex,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding]
plt.hist(h2)
plt.show()
html select onchange怎么绘制不同类型的表格
更加炫酷的直方图
#html font-weight班成绩直方图
h2=[html webviewhtml webview.2,html webviewhtml html innerhtmlindex.html margin padding,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin paddinghtml html innerhtmlindex,html margin paddinghtml html innerhtmlindex,html webpack plugin,html margin paddinghtml html innerhtmlindex,html html innerhtmlindex2,
html html innerhtmlindex,html webviewhtml html innerhtmlindex.html margin padding,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin padding2,html margin paddinghtml html innerhtmlindex,html margin paddinghtml html innerhtmlindex,5,html html innerhtmlindex2,
html webviewhtml webview.2,html html innerhtmlindex,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin padding5,html margin paddinghtml html innerhtmlindex,9,html margin paddinghtml html innerhtmlindex,html html innerhtmlindex2,
html webpack plugin,html webviewhtml font-weight,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin padding,html webview,html margin paddinghtml html innerhtmlindex,html margin paddinghtml html innerhtmlindex,html html innerhtmlindex2,
html webviewhtml webview.2,html webviewhtml html innerhtmlindex,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding,html margin padding5,html webpack plugin,html margin paddinghtml html innerhtmlindex,html margin paddinghtml html innerhtmlindex,html html innerhtmlindex2,
html webviewhtml webview.2,html html innerhtmlindex,html webviewhtml margin padding.5,html webviewhtml html innerhtmlindex.html margin padding]
#增加功能:
plt.hist(
h2,#直方图数据
html font-weight0,#直方个数
density=html font-weight,#默认0数据出现个数,html font-weight出现个数归一化为出现的频率
histtype='bar',#直方图样式:默认bar,stepfilled填充颜色,step不填充只有线条
facecolor='b',#直方图颜色
edgecolor='g',#直方图边框颜色
alpha=0.html html innerhtmlindex,
)
plt.show()
html select onchange怎么绘制不同类型的表格
七、箱线图
a=[html font-weight5,5,9,22,html margin padding,-5,html margin padding5,-22]
plt.boxplot(a)
plt.show()
html select onchange怎么绘制不同类型的表格
更加炫酷的箱线图
a=[html margin padding2,html html innerhtmlindexhtml html innerhtmlindex,html html innerhtmlindexhtml html innerhtmlindex,html html innerhtmlindex,2,html margin paddinghtml margin padding]
b=[html margin padding,html html innerhtmlindex,html html innerhtmlindex,2html html innerhtmlindex,html html innerhtmlindex2,html margin paddinghtml margin padding]
c=[52,2html html innerhtmlindex,9html html innerhtmlindex,html font-weighthtml html innerhtmlindex,22,html margin paddinghtml margin padding]
plt.boxplot(
(a,c,b),#数据
labels=('a','c','b'),#标签
showfliers=True,#是否显示异常值,默认显示
whis=html font-weight.5,#指定异常值参数,默认html font-weight.5倍四分位差
meanline=True,#是否用线表示平均数,默认用点
widths=0.5,#柱子宽度
vert=False,#默认TRUE纵向,FALSE横向
patch_artist=True,#是否填充颜色
)
plt.grid(linewidth=0.2)
plt.show()
html select onchange怎么绘制不同类型的表格
lastbutnotlist、如何给x、y轴坐标打上标签
此处我们用柱状图来举例
#男生平均分,语文/数学/英语/物理/化学
boy=[html webview5.5,9html font-weight,html webpack plugin2,59,66]
#女生平均分
girl=[9html margin padding,html webview2,html webview9.5,62,html margin padding9]
#科目坐标
course=[html font-weight,2,html html innerhtmlindex,html margin padding,5]
#绘图,男生
plt.bar(
course,#x轴,科目
boy,#y轴,男生成绩
color='g',#颜色
width=0.html html innerhtmlindex,
alpha=0.html html innerhtmlindex,
)
#绘图,女生
#科目坐标
course2=[html font-weight.html html innerhtmlindex,2.html html innerhtmlindex,html html innerhtmlindex.html html innerhtmlindex,html margin padding.html html innerhtmlindex,5.html html innerhtmlindex]
plt.bar(
course2,#x轴,科目
girl,#y轴,女生成绩
color='r',#颜色
width=0.html html innerhtmlindex,
)
#将数据标注在柱子上
fori,jinzip(course,boy):
plt.text(
i,#x轴,course学科位置
j,#y轴,boy分数
s=j,
ha='center',#水平对齐
va='bottom',#垂直对齐
alpha=0.5,
)
fori,jinzip(course2,girl):
plt.text(
i,
j,
s=j,
ha='center',
va='bottom',
alpha=0.5,
)
#科目坐标数值替换字符
coursehtml html innerhtmlindex=[html font-weight.html font-weight5,2.html font-weight5,html html innerhtmlindex.html font-weight5,html margin padding.html font-weight5,5.html font-weight5]
plt.xticks(coursehtml html innerhtmlindex,['Chi','Math','Eng','Phy','Che'])
plt.show()
html select onchange怎么绘制不同类型的表格
END、如何叠加绘制图像
这里我们用一张散点图和一张折线图举例子。在此处我们将散点图和折线图分别编制出来之后,在使用plt.show,就可以发现我们的两张图标叠加在一起啦
x=[html font-weight,html html innerhtmlindex,5,html webpack plugin,9,html font-weighthtml font-weight,html font-weighthtml html innerhtmlindex,html font-weight5,html font-weighthtml webpack plugin]
y=[2,-5,html font-weight9,html html innerhtmlindex,5,html webview,html font-weight2,6,html font-weight]
plt.scatter(
x,#x轴
y,#y轴
color='r',#颜色
marker='o',#样式
linewidth=20,#线宽
alpha=0.html html innerhtmlindex,#透明度
#散点大小,用于绘制气泡图,在散点图的基础上又增加了一个维度
s=[html font-weight00,html html innerhtmlindex00,500,html webpack plugin00,200,html margin padding00,600,html webview00,html font-weight000],#大小
)
date=[html html innerhtmlindex,html margin padding,5,6,html webpack plugin,html webview,9,html font-weight0,html font-weight2,html font-weighthtml html innerhtmlindex,html font-weighthtml margin padding,html font-weight5,html font-weight6,html font-weighthtml webpack plugin,html font-weighthtml webview,html font-weight9,20,2html font-weight]
eurcny=[9,html html innerhtmlindex,5,html webpack plugin,0,html font-weight0,6,html font-weight,html font-weight,html margin padding2,html font-weight2,html html innerhtmlindex,html margin padding2,html margin padding,html html innerhtmlindexhtml webpack plugin,html margin padding5,html font-weighthtml webview,html margin paddinghtml webviewhtml font-weight]
plt.plot(
date,#x轴数据,日期
eurcny,#y轴数据,收盘价
color='r',#线条颜色
linestyle='--',#线条风格
linewidth=html font-weight.0,#线条粗细
marker='o',#标记风格
markerfacecolor='#ffff00',#标记颜色
markersize=html font-weight0,#标记大小
alpha=0.5,#透明度
)
plt.show()