如何在Plotly中修改默认刻度标签格式并保留原有布局

不用手动计算刻度，直接复用Plotly自动生成的主刻度布局，仅替换标签格式即可解决问题，具体步骤和代码如下：

实现步骤 #

1. 绘制基础图表，让Plotly自动生成你需要保留的少量主刻度
2. 提取自动生成的毫秒刻度值
3. 将刻度值转换为min:sec:ms标准格式字符串
4. 更新X轴配置，用原刻度位置对应新标签，完全保留原有布局

代码示例 #

import plotly.express as px
import pandas as pd

# 示例数据（替换为你的实际DataFrame）
df = pd.DataFrame({
    'Milliseconds': [118500, 120300, 122100, 125400],
    'Time': ['01:58.500', '02:00.300', '02:02.100', '02:05.400'],
    'Lap': [1, 2, 3, 4]
})

# 绘制基础图表，X轴使用原始毫秒数值
fig = px.scatter(df, x='Milliseconds', y='Lap', title='圈速分析')

# 获取Plotly自动生成的X轴主刻度值
fig.update_layout(xaxis={'autorange': True})
tick_vals = fig.layout.xaxis.tickvals

# 定义毫秒转标准时间格式的函数
def ms_to_time(ms):
    minutes = ms // 60000
    seconds = (ms % 60000) // 1000
    milliseconds = ms % 1000
    return f"{minutes:02d}:{seconds:02d}.{milliseconds:03d}"

# 生成对应格式的刻度标签
tick_text = [ms_to_time(v) for v in tick_vals]

# 更新X轴配置，保留原刻度位置，替换为新标签
fig.update_layout(
    xaxis={
        'tickmode': 'array',
        'tickvals': tick_vals,
        'ticktext': tick_text,
        'showticklabels': True
    }
)

fig.show()

说明 #

• 该方案完全复用Plotly自动生成的主刻度布局，不会出现排序异常、间距不均的问题
• 转换函数直接通过毫秒值计算时间格式，无需依赖DataFrame的Time列；如果你的Time列格式统一，也可以通过建立毫秒值与Time的映射字典来获取标签
• 全程无需手动计算刻度位置，保持原图表的简洁布局

内容的提问来源于stack exchange，提问作者KR03