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

Plotly月度数据x轴刻度与悬浮提示不匹配的调整问题

你遇到的x轴刻度错位、出现多余日度刻度的问题,可以通过手动指定Plotly x轴的时间刻度规则解决,不需要依赖nticks自动计算刻度,具体修改方案如下:

修改逻辑

  1. 移除x轴配置中的nticks参数,改用规则强制指定按月生成刻度,同时可通过指定起始刻度位置解决对齐问题
  2. 明确指定x轴类型为date,避免Plotly自动识别格式出错
  3. 确认柱状图用的timeframe字段和散点图用的GG_ore_minuti字段均为标准datetime类型,保证数据点位对齐

代码修改示例

方案1:自动按月生成刻度(适配通用场景)

仅修改update_layout中的x轴配置即可:

xaxis = dict(
    type='date', # 明确x轴为时间类型
    showgrid =True,
    zeroline = True, 
    dtick = 'M1', # 固定每1个月显示一个刻度
    tickformat = '%m月', # 刻度显示格式,也可以改成'%Y-%m'显示年月
    tick0 = '202X-01-01', # 替换为你数据的第一个月的起始日期,解决刻度错位问题
    showline = True,
    title='Tempo',
    titlefont_size=16,
    tickfont_size=14,
)

方案2:完全自定义刻度(适配特殊对齐需求)

如果方案1的自动刻度仍不符合要求,可以手动指定所有要显示的刻度值和对应文本:

# 先定义你要显示的刻度日期和对应显示文本
custom_tickvals = ['202X-01-01', '202X-02-01', '202X-03-01', '202X-04-01', '202X-05-01', '202X-06-01', '202X-07-01', '202X-08-01', '202X-09-01', '202X-10-01']
custom_ticktext = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月']
# 写入x轴配置
xaxis = dict(
    showgrid =True,
    zeroline = True, 
    tickmode = 'array',
    tickvals = custom_tickvals,
    ticktext = custom_ticktext,
    showline = True,
    title='Tempo',
    titlefont_size=16,
    tickfont_size=14,
)

修改后x轴只会显示你指定的月份刻度,不会出现中间的日度刻度,同时可以通过调整tick0或者tickvals的取值完全适配柱状图的对齐需求。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.27 20:36:03