You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将Plotly条形图的Task_Title标签移至图表底部

解决Plotly条形图图例移至底部左侧的问题

你可以通过更新图表布局的图例配置,将Task_Title对应的图例从右侧移到图表底部左侧。具体只需要添加fig.update_layout()来调整图例的位置、排列方式等参数:

import pandas as pd
import plotly.express as px

# Sample data
data = {
    'Date': ['2023-09-01', '2023-09-02', '2023-09-03', '2023-09-04', '2023-09-05'],
    'Task_Title': ['Task A', 'Task B', 'Task A', 'Task C', 'Task B'],
    'Duration (hours)': [4, 5, 3, 6, 4],
}

# Create a DataFrame
df = pd.DataFrame(data)

# Create a bar chart using Plotly
fig = px.bar(df, x='Date', y='Duration (hours)', color='Task_Title', title='Daily Work Duration by Title')

# 移动图例到底部左侧
fig.update_layout(
    legend=dict(
        x=0,  # 水平位置:0为最左侧
        y=-0.2,  # 垂直位置:负值让图例位于图表下方
        xanchor='left',  # 以图例左侧为基准对齐x=0
        orientation='h'  # 图例横向排列
    )
)

fig.show()

参数说明:

  • x=0 和 xanchor='left':确保图例完全左对齐到图表底部的左侧边缘
  • y=-0.2:将图例向下移出绘图区域,避免遮挡条形图,数值可根据实际需要微调
  • orientation='h':把默认的纵向图例改成横向排列,更适配底部的展示空间

内容的提问来源于stack exchange,提问作者vladandreevza5557

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 13:47:06