グローバル変数更新間隔の構成要素

Question

ダッシュアプ​​リケーションを起動すると、計算コストの高い関数でグローバル変数が作成されます（dat）。私はdatを定期的な間隔で更新したいが、ユーザアクションによっては更新したくない。私は通常のpythonのグローバル変数は、メモリが共有されるようにダッシュでの使用には適していないことを理解していますので、定期的に更新されるデータを隠しdivで保存しています。

各ユーザーがアプリを起動したときにデータを更新するのではなく、バックグラウンドで更新を行い、すべてのユーザーのアプリを更新したデータで更新したい場合があります。アプリを更新してページを更新しなければならない場合でも、それは問題ありませんが、更新されたデータはすべてのユーザーが利用できるようになります。

私がしたいタスクを実行する以下の例が含まれていますが、問題は、divにデータを格納することは文字列またはnumpy配列であれば問題ありませんが、データ構造がパンダのデータフレーム（コメント行を参照）またはパンダのデータフレームの辞書を使用すると、アプリケーションは実行されますが、ページはブラウザに読み込まれません（レイアウトの読み込みエラー）。たぶん私はそれを使用する方法を見ることができないようにこれと十分に微妙に見えるすべての例を見ていますが、メモ化は解決策です。隠しdivの使用はちょっとしたハックのようですが、プロンプトヘルプページでお勧めします

私の質問は、文字列や配列よりも複雑なデータ構造を使ってダッシュでグローバル変数を作成して更新する方法です？

import dash 
from dash.dependencies import Input, Output, Event 
import dash_html_components as html 
import dash_core_components as dcc 
from datetime import datetime 
import numpy as np 
import pandas as pd 


app = dash.Dash(__name__) 

def compute_expensive_data(): 
    t=datetime.now() 
    dat = np.array([t.minute, t.second]) 
    #d = {'time' : pd.Series(np.array([t.minute, t.second]), index=['minute', 'second'])} 
    #dat = pd.DataFrame(d) 

    return dat 

dat = compute_expensive_data() 
print(dat) 

app.layout = html.Div([ 
     html.H3('Original Time: Minute = ' + str(dat[0]) + ': Second = ' + str(dat[1])), 
     #html.H3('Original Time: Minute = ' + str(dat['time']['minute']) + ': Second = ' + str(dat['time']['second'])), 
     html.Div(id='title-line-children'), 
     dcc.RadioItems(
      id='time-dropdown', 
      options=[ 
       {'label': 'Minute', 'value': 'minute'}, {'label': 'Second', 'value': 'second'}, 
      ], 
      value='minute' 
     ), 

     # Hidden div inside the app that stores the intermediate value 
     html.Div(id='intermediate-value', style={'display': 'none'}, children = dat), 

     dcc.Interval(
      id='interval-component', 
      interval=20*1000 # 20 seconds in milliseconds 
     ) 

    ]) 

@app.callback(
    Output('title-line-children', 'children'), 
    [Input('time-dropdown', 'value'), Input('intermediate-value', 'children')]) 
def render(value,dat1): 
    if value == 'minute': 
     printStr = str(dat1[0]) 
     #printStr = str(dat1['time']['minute']) 
     outStr = 'Minute = ' + printStr 
    elif value == 'second': 
     printStr = str(dat1[1]) 
     #printStr = str(dat1['time']['second']) 
     outStr = 'Second = ' + str(dat1[1]) 

    return outStr 

@app.callback(Output('intermediate-value', 'children'), 
       events=[Event('interval-component', 'interval')]) 
def update_global_var(): 
    return compute_expensive_data() 

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

Answer 1

OK、答えはかなり簡単でした。私はちょうど私のデータフレームをjsonifyする必要がありました。それは基本的には隠れたdivに保存できる文字列です。

import dash 
from dash.dependencies import Input, Output, Event 
import dash_html_components as html 
import dash_core_components as dcc 
from datetime import datetime 
import numpy as np 
import pandas as pd 


app = dash.Dash(__name__) 

def compute_expensive_data(): 
    t=datetime.now() 
    d = {'time' : pd.Series(np.array([t.minute, t.second]), index=['minute', 'second'])} 
    dat = pd.DataFrame(d).to_json() 

    return dat 

dat = compute_expensive_data() 
print(dat) 

app.layout = html.Div([ 
     html.H3('Original Time: Minute = ' + str(pd.read_json(dat)['time']['minute']) + ': Second = ' + str(pd.read_json(dat)['time']['second'])), 
     html.Div(id='title-line-children'), 
     dcc.RadioItems(
      id='time-dropdown', 
      options=[ 
       {'label': 'Minute', 'value': 'minute'}, {'label': 'Second', 'value': 'second'}, 
      ], 
      value='minute' 
     ), 

     # Hidden div inside the app that stores the intermediate value 
     html.Div(id='intermediate-value', style={'display': 'none'}, children = dat), 

     dcc.Interval(
      id='interval-component', 
      interval=20*1000 # 20 seconds in milliseconds 
     ) 

    ]) 

@app.callback(
    Output('title-line-children', 'children'), 
    [Input('time-dropdown', 'value'), Input('intermediate-value', 'children')]) 
def render(value,dat1): 
    if value == 'minute': 
     printStr = str(pd.read_json(dat1)['time']['minute']) 
     outStr = 'Minute = ' + printStr 
    elif value == 'second': 
     printStr = str(pd.read_json(dat1)['time']['second']) 
     outStr = 'Second = ' + printStr 

    return outStr 

@app.callback(Output('intermediate-value', 'children'), 
       events=[Event('interval-component', 'interval')]) 
def update_global_var(): 
    return compute_expensive_data() 

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