python - Dash/plotly のデータのみをライブ更新する

Question

いくつかのライブ データを監視し、プロットを操作するときにユーザーが独自の範囲を選択できるようにしたいと考えています。この小さな例を作成しました (チュートリアルから取得しました)。問題は、プロットを更新するたびにupdate_graph_live()、新しい Plotly の図が返されるため、すべてがリセットされることです。(以下の例を参照)

データのみを更新することは可能ですか? 以前は 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)