Plotly绘制面积图
本文中介绍的是如何利用Plotly来绘制面积图,主要还是基于两种方法:
- 基于plotly_express实现
- 基于plotly.graph_objects实现
扩展阅读
Plotly的文章会形成连载系列,前面9篇Plotly可视化文章分别是:
- 酷炫!36张图爱上高级可视化神器Plotly_Express
- Plotly玩转散点图
- Plotly玩转饼图
- Plotly玩转漏斗图
- Plotly玩转柱状图
- Plotly玩转气泡图
- Plotly玩转股票图
- Plotly玩转甘特图
- Plotly玩转箱型图
导入库
1 | import pandas as pd |
基于px实现
px.area creates a stacked area plot. Each filled area corresponds to one value of the column given by the line_group parameter.
px.area实现的是一个堆叠的面积图。每个填充的部分是通过给定的line_group参数来确定的,下面案例中采用的是自带的gdp数据集:
1 | # 以GDP数据说明 |
country | continent | year | lifeExp | pop | gdpPercap | iso_alpha | iso_num | |
---|---|---|---|---|---|---|---|---|
0 | Afghanistan | Asia | 1952 | 28.801 | 8425333 | 779.445314 | AFG | 4 |
1 | Afghanistan | Asia | 1957 | 30.332 | 9240934 | 820.853030 | AFG | 4 |
2 | Afghanistan | Asia | 1962 | 31.997 | 10267083 | 853.100710 | AFG | 4 |
3 | Afghanistan | Asia | 1967 | 34.020 | 11537966 | 836.197138 | AFG | 4 |
4 | Afghanistan | Asia | 1972 | 36.088 | 13079460 | 739.981106 | AFG | 4 |
1 | fig = px.area( |
基于go实现
基础面积图
1 | import plotly.graph_objects as go |
不同填充方式的图形显示:
边界问题
有时候我们需要去掉边界的显示,采用的是mode参数,使用方法是;
- lines、markers、text之间的组合
- 使用none,表示不显示边界
1 | # 如何取消边界线:加上参数mode='none' |
内部填充面积图
1 | import plotly.graph_objects as go |
堆叠面积图
通过数据堆叠的方式来显示数据
1 | import plotly.graph_objects as go |
归一化堆叠面积图
表示的是每个图形占据的百分比
1 | import plotly.graph_objects as go |
选择悬停信息
表示的我们在面积图填充的时候,可以选择悬停显示的数据;悬停表示的是:当光标放上去的时候会显示的数据。下面例子中有两种显示方案:
- 填充部分和数据点都显示
- 只在数据点悬停显示
1 | import plotly.graph_objects as go |