首页 > 解决方案 > Plotly:用单色填充和线条绘制面积图

问题描述

嗨,我试图弄清楚如何在每个国家/地区仅使用一种颜色 - 填充颜色。以下示例给出了每个国家/地区的透明和较深颜色的混合。我只希望一种颜色。感谢帮助

import plotly
#import plotly.graph_objects as go
import plotly.express as px
df = px.data.gapminder()
fig = px.area(df, x="year", y="pop", color="country",
          groupnorm='fraction')
plotly.io.write_image(fig, file='areatest.png', format='png')

标签: pythoncolorsplotly

解决方案


没有任何px.area属性可以直接为您提供单一颜色。但这不应该阻止你。只需使用:

fig.for_each_trace(lambda trace: trace.update(fillcolor = trace.line.color))

... 要得到:

在此处输入图像描述

...而不是默认结果:

在此处输入图像描述

完整代码:

import plotly
import plotly.express as px
df = px.data.gapminder()
df = df[df['continent']=='Americas']
fig = px.area(df, x="year", y="pop", color="country",
          groupnorm='fraction')
fig.for_each_trace(lambda trace: trace.update(fillcolor = trace.line.color))
fig.show()

一些细节:

px.area将为与参数关联的每一行分配一种颜色color,然后将该颜色的部分透明版本应用于相应的区域/填充。如果您运行fig.show,您可以检查第一个类别的颜色:

Scatter({
    'fillcolor': '#636efa',
    'groupnorm': 'fraction',
    'hovertemplate': 'country=Argentina<br>year=%{x}<br>pop=%{y}<extra></extra>',
    'legendgroup': 'Argentina',
    'line': {'color': '#636efa'},

在这里,您只能看到这'line': {'color': '#636efa'}一点,而且 fillcolor 无处可寻无疑会有点令人困惑。但是如果你使用fig.full_figure_for_development,你可以看到实际上传递给 javascript 的填充颜色是'rgba(99, 110, 250, 0.5)'

Scatter({
    'connectgaps': False,
    'error_x': {'visible': False},
    'error_y': {'visible': False},
    'fill': 'tonexty',
    'fillcolor': 'rgba(99, 110, 250, 0.5)',

这正是您在运行时要覆盖的内容:

fig.for_each_trace(lambda trace: trace.update(fillcolor = trace.line.color))

推荐阅读