短划线绘图仪实时更新数据表

Question

我想实现一个实时更新功能，添加列功能基于可编辑DataTablehttps://dash.plotly.com/datatable/editable的留档，以便在CSV文件更新时向可更新的添加一列。我有回调工作，我可以添加新的列，因为新的CSV数据是通过实时更新更新的，但我遇到了一些问题。在我的第一次尝试中（标记为第一个代码），我声明了一个全局变量（我知道在DASH中是坏的），试图跟踪当前的CSV内容，并将其与更新的CSV文件进行比较，以检查新数据，但此版本失败在初始启动时加载现有的CVS数据，并且只添加新数据。第二个代码将现有的CSV数据加载到列中，但在实时更新时，它只是添加重复的列。我不能简单地用一个新的CSV文件重新制作整个数据，因为如果单元格中有用户输入，那么更新时就会丢失。

因此，我的问题是：如何在不使用Dash中的全局变量的情况下存储某个对象的状态（即CSV数据的行数），以便能够将CSV文件的现有状态与新状态进行比较。我看不出这是如何实现的，因为分配的变量在实时更新时被重置。我读过关于隐藏Div和在用户浏览器会话中存储数据的内容，但我无法让它工作。这是我应该走的方向还是有更优雅的解决方案？

html.Div([dash_table.DataTable(
        id='editing-columns',
        columns=[{
                'name': 'Parameter',
                'id': 'column1',
                'deletable': True,
                'renamable': True
        }],
        style_cell={
                'whiteSpace': 'normal',
                'height': 'auto',
                'width': '20',
                # 'minWidth': '50px',
                'textAlign': 'left',
    },
        data=[
                {'column1': j}
                for j in table_contents
        ],
        editable=True,
    )], className="drug_input"),

#First code
@app.callback(Output('editing-columns', 'columns'),
              [Input('graph-update', 'n_intervals')],
              [State('editing-columns', 'columns')])
def update_columns(n, existing_columns):
    check_length = []
    global sierra
    with open('assets' + '/' + 'record ' + str(current) + '.csv', 'r') as rf:
        reader = csv.reader(rf)
        for a in reader:
            check_length.append(a[3])

    if len(check_length) == 0:
        return existing_columns

    elif len(check_length) > sierra:
        existing_columns.append({
            'id': check_length[-1], 'name': check_length[-1],
            'renamable': True, 'deletable': True
            })

        sierra = len(check_length)
        return existing_columns

    else:
        return existing_columns

#Second code
@app.callback(Output('editing-columns', 'columns'),
              Input('graph-update', 'n_intervals'),
              State('editing-columns', 'columns'))

def update_columns(n, existing_columns):
    counter = 0
    with open('assets' + '/' + 'record ' + str(current) + '.csv', 'r') as rf:
        reader = csv.reader(rf)
        for a in reader:

            counter = counter + 1
            existing_columns.append({
                'id': 'counter', 'name': a[3],
                'renamable': True, 'deletable': True
            })

        return existing_columns

Answer 1

我读过关于隐藏分区和在用户浏览器会话中存储数据，但我不能让它工作。这是我应该走的方向还是有更优雅的解决方案？

是的，您应该为此使用store组件。

您可以将所有内容存储在dict中，一个键用于原始文件，另一个键包含用户输入的修改过的文件。确保每个回调都以状态在存储中读取。一个应该输出到表，另一个应该输出到存储。