PlotlyDash 以流畅的动画显示实时数据

如何使用Plotly/Dash以流畅的动画显示实时数据

python
pip install plotly dash

python
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import plotly.express as px
from dash.dependencies import Output, Input
import random
import time

python
app = dash.Dash(__name__)
app.layout = html.Div(
    children=[
        html.H1("实时数据动画展示"),
        dcc.Graph(id="live-graph"),
        dcc.Interval(id="update", interval=1000),
    ]
)

python
@app.callback(Output("live-graph", "figure"), [Input("update", "n_intervals")])
def update_graph(n):
    x_data = list(range(10))
    y_data = [random.randint(0, 10) for _ in range(10)]
    
    fig = px.line(x=x_data, y=y_data, labels={"x": "Time", "y": "Value"})
    fig.update_traces(mode="lines+markers")
    
    return fig

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