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

如何移除Plotly图表底部的小型时间选择器及图表底部区域?

解决Plotly图表的两个布局调整需求

嘿,刚好对Plotly的布局调整熟得很,这俩需求都好办,给你拆解下具体操作:

一、移除底部的小型时间选择器(Range Selector)

那个底部的时间选择器是Plotly默认给时间轴添加的rangeselector组件,要移除它很简单,只需要在图表的布局配置里把这个组件设为None就行。

Python代码示例:

import plotly.express as px

# 示例数据
df = px.data.stocks()
fig = px.line(df, x='date', y='GOOG')

# 核心配置:移除时间选择器
fig.update_layout(
    xaxis={
        'rangeselector': None
    }
)

fig.show()

如果是用plotly.graph_objects创建的图表,配置逻辑完全一致,只需要在Layout的xaxis参数里设置rangeselector=None。

二、移除图表的底部区域(多余空白/滑块区域)

这里的底部区域通常包含两部分:一是图表默认的底部边距,二是可能存在的时间范围滑块(rangeslider)。要彻底清理底部的多余区域,可以同时调整边距和关闭滑块:

Python代码示例:

import plotly.express as px

df = px.data.stocks()
fig = px.line(df, x='date', y='GOOG')

# 核心配置:移除底部边距+范围滑块+时间选择器
fig.update_layout(
    margin={'b': 0},  # 把底部边距设为0,消除空白
    xaxis={
        'rangeslider': None,  # 移除时间范围滑块
        'rangeselector': None  # 顺便确保时间选择器也被移除(按需保留)
    }
)

fig.show()

如果连x轴的刻度、标签也想一起隐藏,可以再加个'visible': False到xaxis的配置里,但一般不建议这么做,除非你完全不需要x轴的信息。

这样调整后,图表的底部就会贴合容器,不会有多余的组件和空白啦!

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.04.28 11:02:42