Plotly dash 在重新加载时刷新全局数据

Question

想象一下，我有一个dash应用程序，我希望在页面重新加载时刷新全局数据。我正在使用一个函数来提供此处所述的布局。但是，我注意到应该如何/在哪里定义df，以便可以在回调中使用它（就像我想根据df某些输入对它进行子集化并将其传递到布局表的情况）。我下面的代码在页面刷新时重新加载数据，但回调无法访问df.

我很陌生，dash所以提前为可能愚蠢的问题道歉。

def serve_layout():
    df = # Fetch data from DB
    
    return # Layout

app.layout = serve_layout

@app.callback()
def my_func:
    # Here I want to reference df

Answer 1

在回调之间共享数据的最常见方法是将数据保存在dash_core_components.Store对象中，

def serve_layout():
    df = # Fetch data from DB
    store = Store(id="mystore", data=df.to_json())  # The store must be added to the layout
    return # Layout 

然后，您可以将存储添加为State需要访问数据的回调的参数，

@app.callback(..., [State("mystore", "data")])
def my_func(..., data):
    df = pd.read_json(data)

这种方法的主要缺点是每次调用回调时都会在客户端和服务器之间交换数据。如果数据帧很小，这并不重要，但如果它很大，数据交换（以及与 JSON 的序列化）可能会导致严重的性能问题。可以通过缓存数据帧服务器端来避免这种情况，可以按照文档中的说明手动操作，也可以使用dash-extensions. 这是后者的一个小例子，

import dash_core_components as dcc
import dash_html_components as html
import numpy as np
import pandas as pd

from dash_extensions.enrich import Dash, ServersideOutput, Output, Input, Trigger

app = Dash()
app.layout = html.Div([dcc.Store(id="store"),  # this is the store that holds the data
                       html.Div(id="onload"),  # this div is used to trigger the query_df function on page load
                       html.Div(id="log")])


@app.callback(ServersideOutput("store", "data"), Trigger("onload", "children"))
def query_df():
    return pd.DataFrame(data=np.random.rand(int(10)), columns=["rnd"])  # some random example data


@app.callback(Output("log", "children"), Input("store", "data"))
def print_df(df):
    return df.to_json()  # do something with the data


if __name__ == '__main__':
    app.run_server()

测试用dash-extensions==0.0.27rc1. 免责声明：我是 的作者dash-extensions。