如何在plot上创建不同时期的rangeselectors按钮

import plotly.graph_objects as go
import pandas as pd

# 示例数据
data = {
    'date': pd.date_range(start='1/1/2022', periods=100),
    'value': range(100)
}
df = pd.DataFrame(data)

# 创建图表
fig = go.Figure()

# 添加时间序列图
fig.add_trace(go.Scatter(x=df['date'], y=df['value'], mode='lines'))

# 更新布局以包含range selectors
fig.update_layout(
    xaxis=dict(
        rangeselector=dict(
            buttons=list([
                dict(count=1, label="1m", step="month", stepmode="backward"),
                dict(count=6, label="6m", step="month", stepmode="backward"),
                dict(count=1, label="YTD", step="year", stepmode="todate"),
                dict(count=1, label="1y", step="year", stepmode="backward"),
                dict(step="all")
            ])
        ),
        rangeslider=dict(visible=True),
        type="date"
    )
)

# 显示图表
fig.show()