使用Dash和Plotly实时更新表值

时间:2018-09-07 02:28:05

标签: python plotly q-learning plotly-dash

我正在尝试在Python中构建破折号应用程序,以模拟Q学习问题。在实施算法之前,我只是专注于使表随机增加值并在每次增加之间等待1秒。

Q是这里的熊猫数据框:

table = ff.create_table(Q,  height_constant=20)
table.layout.width=300

def update_Q(Q):
    for i in range(len(Q)):
        for j in range(1, len(Q.columns)):        
            Q.iloc[i,j] += np.random.choice([0,1,2])
    print(Q)
    return Q

我能够使其与该打印语句一起使用,控制台上的表的值确实正在更新。

但是,在浏览器中它只是第一次更新,但是随后保持静态。这是代码:

# Browser visualization

app.layout = html.Div([
        html.H1(children='Frozen Lake: Q-Learning Demo'),
        dcc.Graph(id='table', figure=table),
        dcc.Interval(
            id='time',
            interval=1*1000, # in milliseconds
            n_intervals=0)
        ]
    )


@app.callback(Output(component_id = 'table', component_property='figure'),
              [Input(component_id = 'time', component_property='n_intervals')])    
def update_table(n):   
    # Update values
    new_table = ff.create_table(update_Q(Q))
    time.sleep(1)
    return new_table


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

我想念什么?

1 个答案:

答案 0 :(得分:2)

已解决。。 )

最好将表的创建包装到一个函数中,并在每个间隔的每次更新时调用它。此外,以前的语法不会在创建的第一个表中保持样式的定义。

    # Helper functions to draw and update values of the table
    def draw_Table(Q):
        table = ff.create_table(Q, index=True, height_constant=20)
        table.layout.width=300
        return table
    def update_Q(Q):
        for i in range(len(Q)):
            for j in range(1, len(Q.columns)):        
                Q.iloc[i,j] += np.random.choice([0,1,2])
        return Q

然后

    @app.callback(Output(component_id = 'table', component_property='figure'),
                  [Input(component_id = 'time', component_property='n_intervals')])    
    def update_table(n):   
        # Update values
        new_table = draw_Table(update_Q(Q))
        time.sleep(1)
        return new_table

希望它对某人有帮助!