有没有办法让多个 Plotly-Dash 贴图引用同一个动画滑块？

Question

我正在尝试通过使用单个时间滑块来同时对两个 plotly.express 等值线图进行动画处理（并让用户选择他们希望的日期），同时影响两个地图。我最接近的是这个：

但是我不想使用两个滑块，而是只想要一个滑块，它同时影响两个地图。

我确实搜索了答案并且有一些方法可以用于绘图 (shown here)，但是我没有找到用于地图的方法，尤其是在 express 中，因为滑块是自动创建的，所以没有简单的方法来将 it/connect 更改为另一个滑块。因此，我想知道是否有任何优雅的方法可以在 express 框架中仅使用一个滑块，然后再构建一个单独的滑块，摆脱 express 地图的便利并找到事件并以某种方式将它们连接到地图。感谢您的宝贵时间！

Answer 1

可以对两个图形使用一个滑块，但您必须使用 dash core components 创建自己的滑块组件，例如：

dcc.Slider(
    id='my-slider',
    min=0,
    max=20,
    step=0.5,
    value=10,
),

然后在回调中，让两个图形输出使用滑块输入做出反应。一些伪代码：

@app.callback([Output('graph1_id', 'figure'), 
           Output('graph2_id', 'figure')],
          Input('my-slider', 'value'))
def change_display(slider_value):
call_fnct_changing_graph(slider_value)

有没有办法让多个 Plotly-Dash 贴图引用同一个动画滑块？

Is there a way to have multiple Plotly-Dash maps refer to the same animation slider?

plotly

plotly-dash