我想监控一些实时数据并允许用户在与绘图交互时选择自己的范围。我创建了这个小例子(从教程中得到),问题是,每次我更新情节时,一切都会重置,因为update_graph_live()
返回一个新的情节图。(见下面的例子)
是否可以仅更新数据,因此不会重新加载图形并重置为默认视图/设置?我之前使用 d3.js 并通过 websockets 发送数据,所以我可以在浏览器中过滤数据。但我想直接用 Dash 来做。
import dash
from dash.dependencies import Output, Event
import dash_core_components as dcc
import dash_html_components as html
from random import random
import plotly
app = dash.Dash(__name__)
app.layout = html.Div(
html.Div([
html.H4('Example'),
dcc.Graph(id='live-update-graph'),
dcc.Interval(
id='interval-component',
interval=1*1000
)
])
)
@app.callback(Output('live-update-graph', 'figure'),
events=[Event('interval-component', 'interval')])
def update_graph_live():
fig = plotly.tools.make_subplots(rows=2, cols=1, vertical_spacing=0.2)
fig['layout']['margin'] = {
'l': 30, 'r': 10, 'b': 30, 't': 10
}
fig['layout']['legend'] = {'x': 0, 'y': 1, 'xanchor': 'left'}
fig.append_trace({
'x': [1, 2, 3, 4, 5],
'y': [random() for i in range(5)],
'name': 'Foo',
'mode': 'lines+markers',
'type': 'scatter'
}, 1, 1)
fig.append_trace({
'x': [1, 2, 3, 4, 5],
'y': [random() for i in range(5)],
'name': 'Bar',
'type': 'bar'
}, 2, 1)
return fig
if __name__ == '__main__':
app.run_server(debug=True)