Python Dash - 时间滑块上的格式标记

如何解决Python Dash - 时间滑块上的格式标记

我正在使用 Python 使用 Dash 创建地图，但在使用时间滑块时遇到了一些问题。最初，我将日期作为时间滑块的输入，但是每当 1 月 1 日到 1 月 3 日之间的日期存在差距或只是从一个月移到另一个月（例如：1 月 31 日到 2 月 1 日）时，就会出现时间滑块上的间隙。我想在我的时间滑块上均匀间隔标记。所以，我将日期转换为数字。第 1、2、3 天，以此类推，无论它们是否是连续的日子。这似乎解决了时间滑块上的间隙问题，但现在我不确定如何正确标记标记而不为每个日期明确标记它们。

这是一个可重现的例子：

import pandas as pd
import numpy as np
    
import plotly.graph_objects as go
import plotly.express as px
    
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input,Output
    
    
df = [[-77.070033,38.955367,20200101],[-74.070033,[-77.070033,38.755367,20200102],38.655367,38.555367,20200103],38.455367,20200104],20200105],20200106],[-77.040033,20200108],[-77.090033,38.155367,20200115],[-77.050033,38.055367,20200116],20200124],39.955367,40.955367,20200125],[-76.070033,20200131],20200201]]
    
df=pd.DataFrame(df,columns=['X','Y','Date']) 
df['DateCount'] = df['Date'].factorize()[0] + 1
    
    
fig = go.Figure()
    
fig = px.scatter_mapbox(df,lat="Y",lon="X",hover_data={"Date":True,"X":False,"Y":False},zoom=10,height=600)
    
fig.update_layout(mapbox_style="stamen-terrain",autosize=True,hovermode='closest')
    
    
    
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__,external_stylesheets=external_stylesheets) 
app.layout = html.Div([
      html.Div([
            html.H3('Example Map',style={'text-align': 'center'})
      ],className="row"),html.Div([
         dcc.Graph(figure=fig,id='map')
      ],html.Div([
            dcc.Slider(id='slider',min=df['DateCount'].min(),max=df['DateCount'].max(),value=[df['DateCount'].max()],marks={str(date): str(date) for date in df['DateCount'].unique()},step=None)

      ],className="row")
    
    
])

    
@app.callback(
     Output('map','figure'),Input('slider','value'))

def update_figure(selected_date):
        filtered_df = df[(df.DateCount <= selected_date)]

    
    
        fig = px.scatter_mapbox(filtered_df,height=550,"Y":False}
                        )

        fig.update_layout(mapbox_style="stamen-terrain")


        fig.update_geos(fitbounds="locations")
        fig['layout']['uirevision'] = 2


        return fig



app.run_server(host='0.0.0.0',port='8050') 

谁能帮我弄清楚如何使用日期来标记时间滑块中的连续数字？

谢谢！

解决方法

我认为这可能有效：

marks={each : {"label": str(date),"style": {"transform": "rotate(45deg)"}} for each,date in enumerate(df['Date'].unique())}