带有 javascript 客户端回调的破折号图

Question

在从 javascript 客户端回调更新数据时，我很难在绘图图上获得 2 条轨迹。

我有这个客户端回调：

app.clientside_callback(
    ClientsideFunction(
        namespace='clientside',
        function_name='update_rms_graph'
    ),
    Output('rmstrace-graph', 'extendData'),
    (
        Input('client-rms-data', 'data'),
        Input('client-rms-2-data', 'data'),
        Input('timer-refresh-rms-fft', 'n_intervals')
    )
)

定义如下：

window.dash_clientside = Object.assign({}, window.dash_clientside, {
    clientside: {
            update_rms_graph: function(data, data_rms, n_intervals) {
                console.log(data.rms.length, data_rms.rms.length);
                return [
                    {y: [data.rms],  x: [data.t]},
                    //{y: [data_rms.rms],  x: [data_rms.t]}, // This is where i'd like to add my new trace
                    [0],
                    data.max_points
                ]
            }
    }
)

“rmstrace-graph”是这样定义的：

html.Div([
    dcc.Graph(id='rmstrace-graph', figure=fig_rmstrace),
], className='six columns')

而用于虚线图的对应图如下：

fig_rmstrace = go.Figure(data=go.Scattergl(y=[], x=[]))

如果我想从同一个虚线图中获得第二个跟踪，应该如何编写来自客户端回调的“返回”？

Answer 1

return [
                    {
                        y: [rms.rms, averaged_rms.rms],
                        x: [rms.t, averaged_rms.t],
                    }
                    [0, 1],
                    rms.max_points
                ]