可视化神器Plotly制造面积图

本文中介绍的是怎样运用Plotly来制造面积图,首要仍是根据两种方法:

  • 根据plotly_express结束
  • 根据plohtml文件怎样翻开tly.graph_objects结束

可视化神器Plotly制作面积图

html文件怎样翻开展阅览

Plotly的文章会构成连载系列,前面9篇Plotly可视化文章分别是:

  • 酷炫!36张图爱上高档可视化神器Plotly_Expresshtml个人网页完好代码
  • Plotly玩转散点图
  • Plotly玩转饼图
  • Plotly玩转漏斗图
  • Plotly玩转柱状图
  • Plo宫颈癌疫苗tly玩转气泡图
  • Plotly玩转股票图
  • Plotly玩转甘特图
  • Plot宫崎骏ly玩转箱型图

可视化神器Plotly制作面积图

宫颈癌前期症状入库

import pandas as pd
import plotly.express as px
import plotly.graph_objects as gohtml

根据px结束

px.arhtml简略网页代码ea creates a sta公积金cked area pGolot. Each filled area corresponds to one value of龚俊 the colhtmlumn given by the line_group parameter.

px.area结束的是一个宫颈癌前期症状堆叠的html5面积图。每个填充的部分是经过给定的line_group参数来确认的,html是什么意思下面事例中选用的是自带的gdp数据集:

# 以GDP数据说明
gdp = px.d宫崎骏ata.gapminder()
g工商银行dp.GoheGoad()
.dataframe tbody tr th:only-of-type {
vertical-align: middle;
}
.da宫颈癌疫苗taframe tbody tr th {
vertical-align: top;
}
.dataframe thead th {
text-align: right;
}

country cohtml是什么意思ntinent year ligooglefeExp pop gdpPeHTMLrcap iso_alpha iso_num
0 Afghanistan Asia 1952 2工商银行8.801 8425333 779.html5445314 AFG 4
1 A宫颈癌疫苗fghanistan Asia 1957 30.332 9240934 820.853030 AFG 4
2 Afghanistan Asia 1962 31.997 10267工商银行083 853.100710 AFhtml是什么意思G 4
3 Afg狗狗币hanistan Asia 19html67 34.020 11537966 836.197138 AFG 4
4 Afghanistan Asia 1972 36.088 13079460 739.981106 AFG 4
fig = px.html标签area(
gdp,   # 待绘图html简略网页代码数据
x='year',  # 指HTML定xy轴和色彩,以及线性组别
y='pop',
color='continent',
line枸杞_grouphtml网页制作="country"  # 要害参数
)
fig.show()

可视化神器Plotly制作面积图

根据go完宫崎骏

根底面积图

import plotly.graph_objects as go
fig = go.Figure()
# 7种填充方法:['non宫颈癌前期症状e', 'tozeroy', 'tozeHTMLrox', 'tonexty', 'tonextx','toself', 'tonext']
fig.add_trace(go宫颈癌.Scatter(
x=[1, 2, 3, 4],
y=[13, 15, 21, 27],
fill='toself',
name='toself'
))
fig.add_trace(go.Scatter(
x=[1, 2, 3, 4],
y=[13, 15html5, 21, 27],
fill='toneHTMLxty',
name='tonexty'
))
fig.add_html代码trace(go.Scatter(
x=[1, 2,HTML 3, 4],
y=[13, 15, 21, 27],
fill='tozerox',
name='tozerox'  # 紧贴着Y轴填充
))
fig.add_trachtmle(go.Scatter(
x=[1, 2, 3, 4],
y=[13, 15, 21, 27],
fill='tozeroy',
name='tozeroy'  # 紧贴着x轴公积金填充
))
fig.show()

不同填充方法的图形闪现:

可视化神器Plotly制作面积图

可视化神器Plotly制作面积图

可视化神器Plotly制作面积图

可视化神器Plotly制作面积图

距离问题

有时分咱们需求去掉距离的闪现,选用的是mode参数,运用方法是;

  • lines、markers、text之间的组合
  • 运用none,标明不闪现距离
# 怎样撤销距离线:加上参数mode='none'
import plotly.graph_objects as go
fig = go.Figure()
# 7种填充方法:['none', 'tozeroy', 'tozerox', 'tonexty', 'tonextx','toself', 'tonext']
fightml标签特点大全.add_trace(go.Scatter(
x=[1, 2,html个人网页完好代码 3, 4],
y=[13, 15, 21, 27],
fill='tonext',
mode='none',   # 参数:['lines', 'markers', 'text']的组合,或许none
name='tonext'
))
fig.sGohow()

可视化神器Plotly制作面积图

内部填充面积图

import plotly.graph_objects as go
fig = go.Figure()
fig.add_trace(go.Scatter(
x=[1,html标签 2, 3, 4],
y=[3, 4, 8, 3],
fill=None,
mode='lines',
lihtml是什么意思ne_color='red',  # trace0
))
fig.add_trace(go.Scatter(
x=[1,龚俊 2, 3, 4],
y=[1, 6, 2, 6],
fill='tonex宫颈癌疫苗ty',
mode='lines',
line_color='indigo'))  #html代码 trace1
fightml简略网页代码.show()

可视化神器Plotly制作面积图

堆叠面积图

经过数据堆叠的方法来闪现数据

import plotly.graphhtml_objects as go
x = ["小明","小红","小周","小孙"]
fig = go.Figure()
fig.add_trace(go.Scatter(
x=宫颈癌疫苗x,
y=[100,120,110,108],  # 语文
hoverinfo = 'x+y',  # 悬停闪现的信息
mode='lines',
line=dict(width=0.5,color='rgb(121,90,200)'),
stackgroup='one'   # 默许是堆叠分组核算
))
fig.add_trace(go.Scatter(
x=x,
y=[130,100,80,140],  #宫颈癌前期症状 数学
hoverinfo = 'html标签特点大全x+y',
mode='line宫崎骏shtml文件怎样翻开',
line=dict(width=0.5,color='rgb(121,231,2html个人网页完好代码19)'),
stackgroup=html个人网页完好代码'one'   # 
))
fig.add_tr宫颈癌疫苗ace(go.Scatter(
x=x,
y=[98,120,149,91],  # 英语
hoverinfo = 'x+y',
mode='l宫崎骏inehtml文件怎样翻开s',
line=dict(width=0.5,color='rgb(191龚俊,249,230)'),
stackgroup='one'
))
# fig.update_layout(yaxis_range=(0, 100))
fig.show()

可视化神器Plotly制作面积图

归一化堆叠面积图

标明的是每个图形占有的百分比

import plotly.graph_objects as go
x = ["小明","小红","小周","小孙"]
fig = go.Figure()
fig.add_trace(gohtml代码.Scatter(
x=x,
y枸杞=[30,20,40,3龚俊0],  # 语文
hoverinfo = 'x+y',
mode='lines',
line=dict(width=0.5,html是什么意思color='rgb(11,90,200)'),
stackgroup='one',
groupnorm='percent'   # 要害参数:分组归一化,挑选百分比
))
fig.add_trace(go.Scatter(
x=x,
y=[50,60,80,70],  # 数学
hoverinfo = 'x+y',
mode='lines',
line=dict(width=0.5,枸杞color='rgb(121,231,219)'),
stackgroup='one'   # 默许是堆叠分组核算
))
fig.add_trace(go.Sc宫颈癌疫苗atter(
x=html5x,
y=[80,90,90,75],  # 英语
hoverinfohtml文件怎样翻开 = 'x+y',
mode='linhtml文件怎样翻开es',
line=dict(width=0.5,color='rgb(191,24html标签9,230)'),
stackgroup='one'
))
fig.add_trace(go.Scatter(
x=x,
y=[100,100,100,200],  # 英语
hoverinfo = 'x宫颈癌疫苗+y',
mode='lines',枸杞
line=dic宫崎骏t(width=0.5,color='rgb(111,90,241)')龚俊,
stackgroup='onehtml简略网页代码'
))
fig.update_layout(
showlegend=True, # 是否html文件怎样翻开闪现图例,默许是闪现的
#     xaxis_type='category',
yaxis=dict(
type='linear',
range=[1, 100],  # y轴规划
ticksuffix='%'))  # 符号后缀
fig.show()

可视化神器Plotly制作面积图

挑选悬停信息

标明的咱们在html面积图填充的时分,可以挑选悬停html标签特点大全闪现的数据;悬停标明的是:当光标放上去的时分会闪现的数据。下面比方中有两种闪现方案:

  • 填充部分和数据点都闪现
  • 只在数据点悬停闪现
importhtml标签 plhtml个人网页完好代码otly.graph_objects as gogoogle
fig = g宫颈癌疫苗o.html文件怎样翻开Figure()
fhtmlig.ad枸杞d_trace(gHTMLo.Scatter(
x=[0,0.5,1,1.5html标签,2],   # 绘图数据
y=[0,1宫崎骏,2,1,0],
fill='toself',   # 填充方法和色彩
fillco宫崎骏lor='darkviolet',
hoveron = 'points+fills',   # 悬停方位:点和内部填充部分都悬停闪现
line_color='red',  # 线色
text="Points + Fills",  # 文本闪现
hoverinfo = 'text+x+y'  # 指定悬停信息
)宫颈癌)
fig.add_trace(go.Scatter(
x=[3,3.5,4,4.5,5],
y=[0,1,2,1,0],
fill='toself',
fillcolor = 'violet',
hoveron='pointhtml标签特点大全s',   #  只在点上悬停
line_color='violet',
text="Points only",    # 只闪现点
hoverinfo='text+x+y'
))
fig.update_layout(
title = "hhtml网页制作over on <i>points</i> or <i&gthtml个人网页完好代码;fill</i>",  # 经过HTML标签语法的格式来生成标题
xaxis_range = [0,5.2],  # 两个轴的数据规划
yaxis_range = [0,3]
)
#fig.html5show()

可视化神器Plotly制作面积图