python - 在 Plotly Dash 中使用多条轨迹实时回调
问题描述
如何制作包含多个跟踪的实时实时更新图?对于每个时间间隔,我需要读取从“tmp.txt”到 data['prof'] 和 data ['pred'] 的行并在折线图中更新。
我在这里找到了实时更新的解决方案(https://pythonprogramming.net/live-graphs-data-visualization-application-dash-python-tutorial/),但它没有显示如何 @app.callback 进行多个跟踪。我还发现它使用过时的“事件”。
我的编码如下,如果有人可以帮助我,不胜感激。谢谢。
import dash
import dash_daq as daq
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
from collections import deque
def read():
with open ("tmp.txt", "r") as f:
for line in f:
data=line.split(',')
return data
i=0
data = { 'prof':deque(maxlen=120), 'pred': deque(maxlen=120) }
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout = html.Div(
children=[
dcc.Interval(id='timer', interval=1000),
html.Br(),
html.Div([
dcc.Graph(id='graph')
])
])
@app.callback(Output('graph','figure'), [Input('timer','n_intervals')])
def update_graph():
data=read()
data=read()
X.append(i)
data['prof'].append(float(data[1]))
data['pred'].append(float(data[2]))
figure={
'data':[
{'x':X,'y':CPU['prof'],'type':'scatter','name':'Profiled'},
{'x':X,'y':CPU['pred'],'type':'scatter','name':'Predicted'}
]}
i+=1
return figure
编辑:“tmp.txt”是一个不断被另一个程序覆盖的文件。它只有一行,如下所示:'3.2233 4.33445', 32, 74.0, 0.13, 0.0, 0.0
解决方案
经过反复试验,最后我想出了一个使用 plotly.graph_objs 的解决方案:
....
dcc.Interval(id='timer', interval=1000),
html.Div([
dcc.Graph(id='graph', animate=True),
],
....
至于回调:
@app.callback(Output('graph', 'figure'),
[Input('timer', 'n_intervals')])
def update_graph_scatter(n):
data=read()
X.append(X[-1]+1)
data['prof'].append(float(data[1]))
data['pred'].append(float(data[2]))
data = [go.Scatter(
x=list(X),
y=list(CPU['prof']),
name='Prof',
mode= 'lines+markers'
),
go.Scatter(
x=list(X),
y=list(data['pred']),
name='Pred',
mode= 'lines+markers'
),
]
return {'data': data,'layout' : go.Layout(xaxis=dict(range=[min(X),max(X)]),
yaxis=dict(range=[0,380]))}
推荐阅读
- sql-server - 使用 AAD 凭据将 Power BI 与 Azure SQL 数据库服务器连接
- python - 如何从单独的模块附加记录器?
- node.js - 将 Web 数据写入 TXT 文件
- javascript - 当特定的 div/元素滚动到视图中时,是否可以更改元素的样式?
- java - 在 Log4j 中的类之间传递类记录器的缺点是什么
- parsing - 从 LR(1) 到 LALR(1) 是否有可能引入移位/减少冲突?
- node.js - react-native 身份验证期间如何处理服务器端错误
- python-pptx - 用已知的幻灯片索引和 shape_id 替换图表中的数据
- python - 是否可以将熊猫日期时间翻译为工作日/周末和季节?
- python - 如何根据具体情况在时间间隔之间对行进行切片python