# ... 應(yīng)用布局中包含 dcc.Store(id='stkName-value') ...

@callback(
    Output('stkName-value', 'data'), # 第一個回調(diào)將數(shù)據(jù)寫入dcc.Store
    Output('container-button-basic', 'children'),
    Input('submit-val', 'n_clicks'),
    State('input-on-submit', 'value'),
    prevent_initial_call=True
)
def update_output(n_clicks, value):
    # ... 驗證并處理value ...
    return str(value).upper(), str(value).upper() # 返回處理后的值到dcc.Store

@callback(
    Output('graph', 'figure'),
    Input('interval', 'n_intervals') # 第二個回調(diào)只由interval觸發(fā)
)
def update_graph_live(n_intervals):
    # ... 在這里需要訪問dcc.Store中的股票名稱 ...
    # 但由于沒有聲明dcc.Store為Input或State，無法直接獲取
    return figure

@callback(
    Output('graph', 'figure'),
    Input('interval', 'n_intervals'),
    State('stkName-value', 'data') # 關(guān)鍵：將dcc.Store的data屬性聲明為State
)
def update_graph_live(n_intervals, stored_stock_name):
    """
    根據(jù)定時器和存儲的股票名稱更新圖表。
    """
    if stored_stock_name:
        # 在這里使用 stored_stock_name 來獲取數(shù)據(jù)并更新圖表
        # 例如：
        # df = get_data_for_stock(stored_stock_name)
        # figure = create_figure_from_data(df)
        print(f"Updating graph for stock: {stored_stock_name}")
        # 假設(shè)這里是生成圖表的邏輯
        figure = {'data': [{'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': stored_stock_name}]}
    else:
        # 如果dcc.Store中還沒有數(shù)據(jù)（例如初始加載時），可以顯示一個默認(rèn)圖表或提示
        figure = {'data': [], 'layout': {'title': '請?zhí)峤还善贝a'}}
        print("No stock name stored yet.")

    return figure

from dash import Dash, dcc, html, Input, Output, callback, State
import pandas as pd
import plotly.graph_objects as go
import time

# 模擬數(shù)據(jù)源和驗證列表
symbols = ['AAPL', 'GOOGL', 'MSFT', 'AMZN']
inter = 1000 # 1秒更新一次

app = Dash(__name__)

app.layout = html.Div([
    html.H1("實時股票圖表應(yīng)用"),
    html.Div([
        dcc.Input(id='input-on-submit', type='text', placeholder="輸入股票代碼 (如AAPL)"),
        html.Button('提交', id='submit-val', n_clicks=0),
        html.Div(id='container-button-basic', children='請輸入股票代碼并提交'),
    ], style={'marginBottom': '20px'}),

    dcc.Graph(id='graph'),
    dcc.Interval(
        id='interval',
        interval=inter,
        n_intervals=0,
    ),

    dcc.Store(id='stkName-value', data='AAPL') # 初始化dcc.Store，可以設(shè)置默認(rèn)值
])

@callback(
    Output('stkName-value', 'data'),
    Output('container-button-basic', 'children'),
    Input('submit-val', 'n_clicks'),
    State('input-on-submit', 'value'),
    prevent_initial_call=True
)
def update_output(n_clicks, value):
    """
    處理用戶輸入的股票代碼，驗證后存入dcc.Store。
    """
    if value is None: # 處理初始提交時value可能為None的情況
        return 'AAPL', '請輸入股票代碼并提交' # 保持默認(rèn)值或給出提示

    processed_value = str(value).upper()
    if processed_value in symbols:
        print(f'輸入的股票代碼是: "{processed_value}" ')
        return processed_value, f'當(dāng)前股票: {processed_value}'
    else:
        return 'AAPL', f'股票代碼 "{processed_value}" 不被接受，請嘗試其他代碼' # 錯誤時，保持或恢復(fù)默認(rèn)值

@callback(
    Output('graph', 'figure'),
    Input('interval', 'n_intervals'),
    State('stkName-value', 'data') # 從dcc.Store獲取存儲的股票名稱
)
def update_graph_live(n_intervals, stored_stock_name):
    """
    根據(jù)定時器和存儲的股票名稱實時更新圖表。
    """
    if stored_stock_name:
        # 模擬實時數(shù)據(jù)獲取
        # 實際應(yīng)用中這里會調(diào)用API或從數(shù)據(jù)庫獲取數(shù)據(jù)
        current_time = pd.Timestamp.now()
        data_points = 10
        x_data = [current_time - pd.Timedelta(seconds=(data_points - i -1) * 10) for i in range(data_points)]
        y_data = [i + (n_intervals % 10) * 0.5 for i in range(data_points)] # 模擬數(shù)據(jù)變化

        fig = go.Figure(data=[go.Scatter(x=x_data, y=y_data, mode='lines+markers', name=stored_stock_name)])
        fig.update_layout(title=f'{stored_stock_name} 實時數(shù)據(jù)',
                          xaxis_title='時間',
                          yaxis_title='價格',
                          uirevision=stored_stock_name) # uirevision保持縮放狀態(tài)
        return fig
    else:
        # 初始加載時或無數(shù)據(jù)時顯示空圖表或提示
        return {'data': [], 'layout': {'title': '等待股票代碼輸入...'}}

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