他のシステムからdashアプリの起動

Question

前提・実現したいこと

Pythonのdashを用いてWebアプリを作成しています。アプリを単体として使うのではなく、他のシステムから起動させたいと思っております。

app.pyにアプリに関する定義を行い、run.pyからapp.pyを呼び出し、アプリを起動させたいと思っております。このとき、csvファイルのパスをrun.pyからapp.pyに引数として渡し、そのパスのcsvファイルからデータを読み込み、アプリ上で表示したいと思っております。

どのように書けばいいのか分からないため、解決策が分かる方いましたら、よろしくお願いします。

該当のソースコード

# app.py
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly.express as px
import pandas as pd

class App:
    def __init__(self, data_path):
        self.data_path = data_path

        self.app = dash.Dash(__name__)
        self.app.layout = html.Div(children=[
            dcc.Graph(
                id = "fig-data"
            ),
            dcc.Interval(
                id="interval-component",
                interval=10000,
                n_intervals=0
            )
        ])
    
    @app.callback(
        Output("fig-data", "figure"),
        Input("interval-component")
    )
    def update_figure(n):
        df = pd.read_csv(self.data_path)
        fig = px.bar(df, x="Fruit", y="Amount", color="City", barmode="group")
        return fig
        

    def __call__(self):
        self.app.run_server(debug=True)

#run.py
from app import App

if __name__ == "__main__":
    test_app = App("ex_data.csv")
    test_app()

ex_data.csv

,Fruit,Amount,City
0,Apples,4,SF
1,Oranges,1,SF
2,Bananas,2,SF
3,Apples,2,Montreal
4,Oranges,4,Montreal
5,Bananas,5,Montreal

発生している問題・エラーメッセージ

python run.py
Traceback (most recent call last):
  File "run.py", line 1, in <module>
    from app import App
  File "app.py", line 8, in <module>
    class App:
  File "app.py", line 24, in App
    @app.callback(
NameError: name 'app' is not defined

試したこと

dashアプリをクラスとして定義しようと思ったのですが、コールバックの記述場所が分からず、上記のようなエラーが発生しています。
@app.callbackを@self.app.callbackとしても同様のエラーが発生しています。

Answer 1

自己解決いたしました。コールバックのupdate_figureメソッドもコンストラクタに記述することでうまく動作いたしました。

# app.py
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly.express as px
import pandas as pd

class App:
    def __init__(self, data_path):
        self.data_path = data_path

        self.app = dash.Dash(__name__)
        self.app.layout = html.Div(children=[
            dcc.Graph(
                id = "fig-data"
            ),
            dcc.Interval(
                id="interval-component",
                interval=10000,
                n_intervals=0
            )
        ])

        @self.app.callback(
            Output("fig-data", "figure"),
            Input("interval-component")
        )
        def update_figure(n):
            df = pd.read_csv(self.data_path)
            fig = px.bar(df, x="Fruit", y="Amount", color="City", barmode="group")
            return fig


    def __call__(self):
        self.app.run_server(debug=True)

Answer 2

使ったことがないので単なる推測ですが、以下を試してみてください。

class App:
    def __init__(self, data_path):
        self.data_path = data_path

        self.app = dash.Dash(__name__)
        self.app.layout = html.Div(children=[
            dcc.Graph(
                id = "fig-data"
            ),
            dcc.Interval(
                id="interval-component",
                interval=10000,
                n_intervals=0
            )
        ])
        @self.app.callback(
            Output("fig-data", "figure"),
            Input("interval-component")
        )

    def update_figure(n):
        df = pd.read_csv(self.data_path)
        fig = px.bar(df, x="Fruit", y="Amount", color="City", barmode="group")
        return fig

Comments

[aaa_ytooooo]

回答いただきありがとうございます。試してみましたが、「IndentationError: unexpected unindent」というエラーが発生しました。