范围滑块标签未显示（标记）

Posted 2023-03-22

【中文标题】范围滑块标签未显示（标记）

【英文标题】：Range Slider Labels are not showing (marks)

【发布时间】：2021-12-14 15:00:04

【问题描述】：

    data = [[30, 100], [31, 200], [32, 80], [33, 90], [34, 25], [35, 125],[36, 130],[37, 159],
           [38, 60]]
    df = pd.DataFrame(data, columns = ['week', 'orders'])

    html.Div([
    html.H3('Week Range'),
    dcc.RangeSlider(
        id='slider',
        min=df["week"].min(),
        max=df["week"].max(),
        value=[30, 38],
        step=None,
        marks=int(i):int(i) for i in list(df["week"].unique())
    )])

经过大量搜索我找不到为什么这个 RangeSlider 标签没有显示，查看附图我们会发现滑块的两端有 3 和 8，我认为这是第一个的左侧数字week = 30 "3" 和上周的最后一个数字 = 38 "8"

【参考方案1】：

    data = [[30, 100], [31, 200], [32, 80], [33, 90], [34, 25], [35, 125],[36, 130],[37, 159],
       [38, 60]]
df = pd.DataFrame(data, columns = ['week', 'orders'])

html.Div([
html.H3('Week Range'),
dcc.RangeSlider(
    id='slider',
    min=df["week"].min(),
    max=df["week"].max(),
    value=[30, 38],
    step=None,
    marks=int(i):str(i) for i in list(df["week"].unique())
)]),html.Br(),

第二个图表 div 刚好在 RangeSlider 下方的问题，导致几乎显示标签区域不显示，因此折线将 100% 解决问题