Question

我试图弄清楚如何存储在隐藏的Divs中调用API所获得的数据。所有数据都需要立即加载，但是将返回的对象数量将发生变化，因此我用Jsoniefied数据帧填充字典，并将键作为下拉列表，并希望将其存储在隐藏的div中，然后用户选择要显示的数据。

我已经将其与单个数据帧一起使用-但似乎无法使其与词典一起使用-服务器将启动，但是当我转到该地址时，我将收到“错误加载布局”消息，并且显示“失败”加载资源：服务器在控制台中以500（内部服务器错误）的状态进行了响应。

下面是我尝试填充范围滑块的示例，其中data_dict是jsoniefied数据帧的字典。

from helper_functions import data_dict

keys = list(data_dict.keys())
df = data_dict[keys[0]]

app = dash.Dash()

app.layout = html.Div(
    children = [
        html.Div([
            html.Div(id = 'date_selector'),
        ]),

        html.Div(
            id = 'data',
            children = [data_dict],
            style = {'display': 'none'}
        )
    ]
)

@app.callback(
    dd.Output('date_selector', 'children'),
    [dd.Input('data','children')]
)
def update_date_range_slider(data):
    df = data[keys[0]]
    times = pd.date_range(start= df.index.min().date(), end= df.index.max().date() + datetime.timedelta(days=1)).tolist()
    marksdict = {}
    for t in times:
        marksdict[int(time.mktime(t.timetuple()))] = time.strftime('%d %b %Y')

    slider = dcc.RangeSlider(
        min = min(list(marksdict.keys())),
        max = max(list(marksdict.keys())),
        marks = marksdict,
        values = [min(list(marksdict.keys())), max(list(marksdict.keys()))]
    )
    return slider

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

这里的任何帮助将不胜感激。

谢谢

更新：

找到了更详细的错误消息：

bundle.js:2 Error: component.type is undefined
    at s (bundle.js:14)
    at Array.map (<anonymous>)
    at s (bundle.js:14)
    at Array.map (<anonymous>)
    at s (bundle.js:14)
    at e.value (bundle.js:14)
    at p._renderValidatedComponentWithoutOwnerOrContext (react-dom.min.js:13)
    at p._renderValidatedComponent (react-dom.min.js:13)
    at performInitialMount (react-dom.min.js:13)
    at p.mountComponent (react-dom.min.js:13)

Answer 1

想通了。

结果证明您必须在对数据帧进行json处理后拥有json.dumps（data_dict）整个字典。

然后您可以使用json.loads（）重新加载它们，然后对数据框进行解密。

在plot.ly中存储大熊猫数据帧字典-达世币隐藏的Div？

1 个答案: